EchartsJS - 有没有办法/解决方法来监听“图例”组件上的鼠标事件？

Question

我有两个并排的图表（饼图和折线图），我希望能够在将图例悬停在饼图中（没有图例切换功能）时突出显示折线图中的一条线。

鼠标事件似乎不会在图例组件上触发。

图例有selectMode选项，但这不是我想要的，因为它会切换饼图中的系列。

我能够捕获legendselectchanged事件并通过再次将系列的选定选项设置为 true 来“撤消”切换，但它并不理想并且动画仍然触发，无法禁用它。

任何想法或解决方法？

Answer 1

[ECharts v4] 据我所知，legend 组件会在内部调度 'highlight' 和 'downplay' 动作，但你可以订阅这些事件。

chart.on('highlight', function (e) {
   // e => {
   // excludeSeriesId: ...
   // name: ...
   // seriesName: ...
   // type: "highlight"
   // }
});
// same for 'downplay'