echarts 圖的點選事件
阿新 • • 發佈:2018-12-14
要求:在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'。
更多滑鼠事件詳情,直連官方文件: