ECharts - 解决点击工具栏restore还原按钮时图表变成空白问题
作者:hangge | 2024-07-27 08:41
1,问题描述
(1)最近在给项目中的一个 echarts 图表添加了 toolbox 工具栏:
option = { toolbox: { feature: { saveAsImage: {}, // 导出图片 dataView: { readOnly: false }, // 数据视图 magicType: { type: ["line", "bar"] }, // 动态类型切换 dataZoom: {}, // 数据区域缩放 restore: {}, // 重置 }, }, };
![](http://hangge.com/blog_uploads/202407/2024072609503267126.png)
(2)但当点击工具栏上的 restore 还原按钮后,整个图表就变成一片空白:
![](http://hangge.com/blog_uploads/202407/2024072609520793148.png)
2,解决办法
我们只需要在调用 setOption 的时候设置 notMerge 属性为 true 即可:
chartObj.setOption(this.option,{ notMerge: true //echarts5.0以上版本,点击还原按钮显示的空白的配置 })
全部评论(0)