echarts绘图中 legend.click

在 ECharts 中，legend.click 用于设置图例组件（legend）的点击事件回调函数。当用户点击图例中的某个图标时，会触发这个回调函数。你可以在这个函数中编写代码来实现相应的交互效果。例如，你可以通过这个回调函数来控制图表的显示隐藏，或者实现联动效果等。

下面是一个示例代码，用于在图例被点击时控制相应系列的显示隐藏：

legend: {
  data: ['系列1', '系列2', '系列3'],
  // 点击图例触发回调函数
  click: function (legendName) {
    // 获取当前点击的图例名称
    var name = legendName.name;
    // 获取相应的系列 ID
    var seriesId = '';
    switch (name) {
      case '系列1':
        seriesId = 'series1';
        break;
      case '系列2':
        seriesId = 'series2';
        break;
      case '系列3':
        seriesId = 'series3';
        break;
    }
    // 获取相应的系列对象
    var series = myChart.getSeriesByName(name);
    // 切换系列的显示状态
    if (series.visible) {
      series.hide();
    } else {
      series.show();
    }
  }
},

在这个例子中，我们定义了一个包含三个系列的图表，并且设置了相应的图例。当用户点击图例中的某个图标时，会触发 click 回调函数。在这个函数中，我们通过传入的参数 legendName 来获取当前点击的图例名称，并且根据名称获取相应的系列 ID。然后，我们通过 ECharts 提供的 API 来获取相应的系列对象，并且切换它的显示状态。具体来说，我们通过调用 series.show() 或 series.hide() 方法来实现系列的显示或隐藏。