echarts 图例受控

ECharts是一款强大的JavaScript图表库，它支持数据驱动的可视化。在ECharts中，图例通常是用来区分系列的显示或隐藏状态的一个元素。受控状态意味着你可以通过程序动态地控制其显示或隐藏，而不是仅仅通过用户交互来切换。

要让ECharts图例处于受控状态，你需要在配置选项中设置`legend`属性，并利用`data`或`selected`键来管理图例的状态。例如，你可以设置一个数组来存储每个图例项的初始状态，然后在需要的时候更新这个数组，ECharts会根据这个状态来改变图例的显示：

// 初始化时的数据状态
var legendData = ['series1', 'series2']; // 显示 series1 和 series2

option = {
  legend: {
    data: legendData,
    selectedMode: 'single' // 可选值有'single'、'all'，这里设置单击切换
  },
  series: [
    { name: 'series1' },
    { name: 'series2' }
  ]
};

// 更新图例状态
function updateLegendState(state) {
  option.legend.data = state;
  myChart.setOption(option); // 调用ECharts实例的setOption方法更新图例
}

当你需要根据业务逻辑动态选择某个图例项时，可以触发`updateLegendState`函数并传入新的状态数组。