返回 导航

其他

hangge.com

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: {}, // 重置
      },
    },
};

(2)但当点击工具栏上的 restore 还原按钮后,整个图表就变成一片空白:

2,解决办法

我们只需要在调用 setOption 的时候设置 notMerge 属性为 true 即可:
chartObj.setOption(this.option,{
    notMerge: true  //echarts5.0以上版本,点击还原按钮显示的空白的配置
})
评论

全部评论(0)

回到顶部