vue使用echarts数据差距过大导致折线图展示不完全

Posted 2023-04-27

参考技术A vue项目中使用到的echarts折线图，当个别数据差异过大时，又因为echarts所在的容器高度不够高，就会使echarts 出现折线图展示不全。
如下图没修改之前：

经过协调整后进行优化：
设置一个最大的纵轴，超过最大的数据按最达的展示，tooltip按实际数值展示。

ECharts折线图数据展示错乱

参考技术A 使用echarts对数据进行折线图展示时，第一次数据是正确的，当切换数据，重新 setOption 时，数据错乱。如图：

查询echarts官方文件，有 clear 方法：清空当前实例，会移除实例中所有的组件和图表。清空后调用 getOption 方法返回一个空对象。

验证：

再次点击折线图显示正常。

echarts API echartsInstance.clear