echarts 自定义legend 高亮

要在 Echarts 中自定义 legend 的高亮效果，你可以使用 Echarts 的 API 来实现。下面是一种实现方法：

首先，在 Echarts 的 option 中设置 legend 的选中模式为 'single' 或 'multiple'，这取决于你想要选择一个还是多个图例项。

option = {
  legend: {
    selectedMode: 'single' // 或 'multiple'
    // 其他 legend 相关配置
  },
  // 其他配置项
};

然后，通过监听 legend 的点击事件，获取到被点击的图例项的名称，再调用 Echarts 的 API 来实现高亮效果。

chart.on('legendselectchanged', function(params) {
  var selected = params.selected;
  var legendName = Object.keys(selected)[0]; // 获取被点击的图例项的名称

  // 遍历 series，根据被点击的图例项的名称来设置对应 series 的高亮效果
  option.series.forEach(function(series) {
    if (series.name === legendName) {
      series.emphasis = {
        // 设置高亮的样式，比如改变颜色、加粗等
      };
    } else {
      series.emphasis = null; // 取消其他 series 的高亮效果
    }
  });

  chart.setOption(option);
});

通过上述代码，当你点击 legend 中的某个图例项时，对应的 series 将会被设置为高亮效果。你可以根据自己的需求来修改高亮的样式。