欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Echarts图表重新渲染时两个图表重叠有阴影

程序员文章站 2022-06-26 09:15:55
使用echarts中多个图表重新渲染或者同一个图表类型赋不同的数据,就可能会出现图表污染的问题,例如下面这种这种是因为echarts为了节省效率,默认刷新图表会直接调用上一次的数据源,但不同的数据源出现就会出现污染,这里给两种解决方案:1、在重新渲染表格之前调用一次echarts.clear()方法清除原始数据chart.clear(); // 清除图表原始数据chart.setOption(option);2、在setoption的时候多传一个notMerge的参数,使前设置为tr...

使用echarts中多个图表重新渲染或者同一个图表类型赋不同的数据,就可能会出现图表污染的问题,例如下面这种

Echarts图表重新渲染时两个图表重叠有阴影

这种是因为echarts为了节省效率,默认刷新图表会直接调用上一次的数据源,但不同的数据源出现就会出现污染,这里给两种解决方案:

1、在重新渲染表格之前调用一次echarts.clear()方法清除原始数据

chart.clear(); // 清除图表原始数据
chart.setOption(option);

2、在setoption的时候多传一个notMerge的参数,使前设置为true的话,就是notMerge,不合并,false的话,就Merge,之前的东西还保留,默认为false

chart.setOption(option, true)

小伙伴如果有疑问可以第一时间评论或留言,看到后也会及时回复的,有帮助的麻烦动动手指点个赞哟!

本文地址:https://blog.csdn.net/qq_38519358/article/details/107364650