# echarts 折线图动态 series 作图 tooltip 显示异常

我这边遇到的是 echarts 折线图动态添加 series 的时候,发现 tooltip 显示不对,有好多 undefined 出现。

这块确实是一个前端组件在使用上的问题,前端使用了 echarts 做图,而 echarts 有个比较奇怪(可能也是比较正常的)的地方就是一旦这个 div 实例化后,后续再次 init 实例化这个 div 其实可能是一个假的实例化操作,也就是后续的渲染可能是无效的, 正确的做法是需要先销毁前一个实例化的实例后才会正确的显示后面的实例,否则前一个实例化的图像会串改后续的图,执行下述代码即可做到销毁实例。

echarts.init(document.getElementById('div')).dispose(); // 销毁实例
var myChart1 = echarts.init(document.getElementById('div')); // 再次创建实例

参考:https://blog.csdn.net/woyaojinali/article/details/109623453