Echarts图 刷新后无变化

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Echarts图 刷新后无变化相关的知识,希望对你有一定的参考价值。

参考技术A 1. 当第二次加载的数据覆盖等量的第一次的数据时,第一次加载多余的数据不会丢失,还会展示在图上。

console输出echarts中的option的数据legend和series数据均为正常第二次加载的数据,数据已更新,也触发了echarts的渲染。

解决办法:

this.charts.setOption(option);

应为

this.charts.setOption(option,true);

setOption有3个属性

setOption(option,notMerge,lazyUpdate);

第二个notMerge默认为false,即默认合并两个数据,置为true之后则不合并数据

2.第二次加载的数据和第一次加载的数据一样(应为不同的数据),导致图没有变化

console输出的第二次数据跟第一次数据一样

解决办法:

考虑Ajax的异步性,数据是否已经在二次渲染前完成刷新

以上是关于Echarts图 刷新后无变化的主要内容,如果未能解决你的问题,请参考以下文章

[Echarts]React项目中无法刷新数据

vue中用echarts 动态刷新数据没变化解决

vue.js中使用echarts实现数据动态刷新功能

echarts地图设置随内容的多少而变化颜色

echarts-解决数据改变图表仅部分更新的问题

ECharts 报表事件联动系列一:刷新页面