angular echarts Component series.line3D not exists. Load it first.

最近在用angular7结合echarts 做一个3D轨迹,初次渲染没有问题,当刷新页面的时候报以下错误

core.js:14597 ERROR Error: Component series.line3D not exists. Load it first.
    at Function.entity.getClass (clazz.js:178)
    at ExtendedClass.<anonymous> (Global.js:223)
    at Array.forEach (<anonymous>)
    at each (util.js:300)
    at ExtendedClass.visitComponent (Global.js:212)
    at Function.entity.topologicalTravel (component.js:125)
    at ExtendedClass.mergeOption (Global.js:194)
    at ExtendedClass.initBase (Global.js:663)
    at ExtendedClass.resetOption (Global.js:141)
    at ExtendedClass.setOption (Global.js:123)

原因 缺少gl

ECharts GL (后面统一简称 GL)为 ECharts 补充了丰富的三维可视化组件,这篇文章我们会简单介绍如何基于 GL
实现一些常见的三维可视化作品。实际上如果你对 ECharts 有一定了解的话,也可以很快的上手 GL,GL 的配置项完全是按照
ECharts 的标准和上手难度来设计的。

解决方案

安装 “echarts-gl”: “^1.1.1”,
在当前组件中引入

import "echarts-gl";

运行,刷新都不会报错了

这里用"echarts": “^4.9.0”,

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值