echarts中图例点击事件

在 ECharts 中，可以通过监听 legendselectchanged 事件来实现图例的点击事件。具体实现方式如下：

myChart.on('legendselectchanged', function(params) {
  console.log(params); // params.selected 存储了当前选中状态
});

其中，params.selected 是一个对象，存储了当前选中状态。例如，如果选中了第一个图例，则 params.selected 的值为 `{ '图例名称': true, '其他图例名称': false }`。

相关问题

echarts 图例去除点击事件

要去除 ECharts 图例的点击事件，可以通过设置 legend 组件的 selectedMode 属性为 false。代码示例如下：

option = {
  legend: {
    selectedMode: false, // 去除图例的点击事件
    data: ['图例1', '图例2', '图例3']
  },
  // 其他配置项
};

这样设置后，图例就不会再响应点击事件了。

echarts 图例点击事件

Echarts 图例默认是可以点击的，当点击图例时，会触发 legendselectchanged 事件。你可以在初始化时添加监听器来处理这个事件：

myChart.on('legendselectchanged', function(params) {
  // 处理点击事件
  console.log(params.selected);
});

当点击图例时，会返回一个对象 `params`，包含了哪些系列被选中，哪些被取消选中。你可以根据这个对象的信息来进行相应的处理。比如，在饼图中，可以通过设置选中的系列来实现选中或取消选中相应的扇形。

myChart.on('legendselectchanged', function(params) {
  var selected = params.selected;
  var seriesName = Object.keys(selected)[0]; // 取第一个系列的名称
  myChart.dispatchAction({
    type: selected[seriesName] ? 'highlight' : 'downplay',
    seriesName: seriesName
  });
});

上面的代码表示，当点击图例时，如果选中了某个系列，则高亮显示该系列；如果取消选中，则取消高亮显示。注意，这里只取了第一个系列的名称，实际情况可能会有多个系列。