Echarts:为了捕捉重点事件(线系列),我使用鼠标悬停。但它工作不稳定:当内置的强调被激活时,我经常没有收到鼠标悬停事件。我怎样才能抓住事件的内部重点?
更新:我注意到,如果将鼠标悬停在连接数据点或数据点本身的线上,则会出现内部强调。同时,如果您将鼠标悬停在数据点上,则“仅”会触发鼠标悬停。在这种情况下,问题是 - 如何在将鼠标悬停在连接线上时也发生鼠标悬停事件。
myChart.on('mouseover', {seriesIndex: 0}, function () {
console.log('hover');
});
option = { xAxis: ...,
series: [{
data: ...,
type: "line",
emphasis: {
lineStyle: {
width: 7.5
}
}
}]
}
这个问题的准确答案是:要让线系列的 mouseover 事件像内部强调一样发生,需要显式指定 ECharts 触发 mouseover 事件,不仅针对数据点,还针对线条。为此,您需要设置
option = { xAxis: ...,
series: [{
data: ...,
type: "line",
triggerLineEvent: true
}
}]
}