最近在用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”,