可視化組件:echarts柱狀圖添加點擊事件


一、點擊事件

  1、添加點擊事件

myChart.getZr().on('click', function(params) {
    var point = [ params.offsetX, params.offsetY ];
    if (myChart.containPixel('grid', point)) {
         var xIndex = myChart.convertFromPixel({seriesIndex : 0}, point)[0];
         var op = myChart.getOption();
         var name = op.xAxis[0].data[xIndex];
    }
})

  通過point得到點擊的坐標點x和y。

  myChart.convertFromPixel得到具體x軸序號。

  op獲取當前圖表的option。

  name則是點擊的那個柱子的x軸文字,可進行下一步操作。

  2、關閉點擊事件

myChart.getZr().off('click');

  主要作用是解除點擊方法的綁定,避免點擊時發生二次調用的問題。

  3、柱狀圖點擊事件多用在數據大屏的數據下鑽。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM