1. 程式人生 > >echarts 圖的點選事件

echarts 圖的點選事件

要求:在echart圖表中,點選每個項,需要跳轉對應頁面或者顯示對應的資料詳情列表。

如何新增滑鼠點選事件?

1.通常我們只使用了以下程式碼,通過配置項和資料顯示圖表。

var myChart = echarts.init(document.getElementById('chartBox'));
var option = {...};
myChart.setOption(option);

2.在myChart.setOption(option)後新增以下程式碼,即可觸發圖示中每個項的滑鼠點選事件。

myChart.on('click',  function(param) {
    //這個params可以獲取你要的圖中的當前點選的項的引數
    console.dir(param)
});    

注:滑鼠事件包括'click','dblclick','mousedown','mouseup','mouseover','mouseout','globalout','contextmenu'。

更多滑鼠事件詳情,直連官方文件: