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

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐