echarts legend.type scroll 显示问题；渲染错误

 

项目基于vue.js前端框架

一、问题描述：曲线设置为滚动  echarts legend.type  scroll  且 曲线条数较多，数据量较大时；

出现渲染错误：

鼠标放到曲线上，曲线变粗，曲线有非常多的叠加重影，竖线。 

鼠标左右滚动图例，图例出现非常多的叠加重影。

二、解决方案

去配置文件package.json 查看当前echarts版本为4.0.0；

卸载echarts组件或包

npm uninstall  echarts

下载更新版本的echarts包

npm install echarts@4.8.0

 

echarts官网 版本记录：

https://echarts.apache.org/zh/changelog.html#v4-8-0