在ECharts中主要通过 on 方法添加事件处理函数,ECharts中的事件主要分为两种,1)鼠标事件,在鼠标click or hove 时触发鼠标事件; 2)另外一种是在ECharts在做图形交互时触发的事件,即调用 dispatchAction 后触发的事件。
鼠标事件:'click','dblclick','mousedown','mouseup','mouseover','mouseout','globalout'。
myChart.on('click', function(params) {
console.log(params);
});
事件触发的参数为对象数据的各个属性,列出部分主要的属性:
{//当前点击的图形元素所属的组件名称,
//其值如 'series'、'markLine'、'markPoint'、'timeLine' 等。
componentType: string,//系列类型。值可能为:'line'、'bar'、'pie' 等。当 componentType 为 'series' 时有意义。
seriesType: string,//系列在传入的 option.series 中的 index。当 componentType 为 'series' 时有意义。
seriesIndex: number,//系列名称。当 componentType 为 'series'