Apache ECharts：如何在指定事件中显示/隐藏工具栏？

直接修改chart.getOption()返回的配置不会触发图表更新，因为ECharts的配置对象是不可变的，必须通过setOption方法重新设置配置才能生效。

正确的实现方式：

• 获取当前图表的配置选项
• 修改工具栏的show属性
• 调用setOption将修改后的配置应用到图表

示例代码：

// 隐藏工具栏
const option = chart.getOption();
option.toolbox[0].show = false;
chart.setOption(option);

// 显示工具栏
const option = chart.getOption();
option.toolbox[0].show = true;
chart.setOption(option);

也可以简化为切换状态的写法：

// 切换工具栏显示/隐藏状态
chart.setOption({
  toolbox: {
    show: !chart.getOption().toolbox[0].show
  }
});

如果你的工具栏是单个对象配置（而非数组），直接修改toolbox.show即可，无需索引。

内容的提问来源于stack exchange，提问作者Michi