日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

Echarts点击事件

發布時間:2023/12/20 编程问答 30 豆豆
生活随笔 收集整理的這篇文章主要介紹了 Echarts点击事件 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

一. 普通點擊事件

  • 只有點擊折線點或柱子等相應的地方才會觸發click事件
  • myChart.on('click', function (params) {me.clickDailyChart(params.name); });

    name: x軸的label

  • 二. 精準點擊事件

  • 對整個圖表的點擊事件進行監聽,通過點的坐標來找到數組下標,任何位置可觸發點擊事件 this.myChart.getZr().on('click', function (param) {const pointInPixel = [param.offsetX,param.offsetY,];if (me.myChart.containPixel('grid', pointInPixel)) {const index = me.myChart.convertFromPixel({seriesIndex: 0}, pointInPixel)[0];const op = myChart.getOption();const name = op.xAxis[0].data[index ];me.clickMyChart(param,index);}});

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

  • 三. 其他點擊事件

  • 圖例點擊事件 this.totalChart.on('legendselectchanged', legend => {me.clickTotalChart(legend);});

    取消點擊:

    legend: {selectedMode:false,//取消圖例上的點擊事件data:[] }

    ?

  • 各種點擊事件
  • 四. 取消點擊事件

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

    有時因為嵌套關系,點擊事件會觸發冒泡,會執行兩次點擊事件,在點擊事件之前加一個off事件,避免點擊時發生二次調用的問題。

    ?

    總結

    以上是生活随笔為你收集整理的Echarts点击事件的全部內容,希望文章能夠幫你解決所遇到的問題。

    如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。