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'