echart点击事件

最新推荐文章于 2024-03-08 11:05:01 发布

晴空万里藏片云

最新推荐文章于 2024-03-08 11:05:01 发布

阅读量600

点赞数

分类专栏： web开发过程中总结文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/qq_40390762/article/details/127821788

版权

web开发过程中总结专栏收录该内容

23 篇文章 1 订阅

订阅专栏

myChart.getZr().on('mouseover', params => {
  let pointInPixel = [params.offsetX, params.offsetY]
  if (myChart.containPixel('grid', pointInPixel)) {
    //点击第几个柱子
    let pointInGrid = myChart.convertFromPixel({ seriesIndex: 0 }, pointInPixel)
    // 也可以通过params.offsetY 来判断鼠标点击的位置是否是图表展示区里面的位置
    // 也可以通过name[xIndex] != undefined，name是x轴的坐标名称来判断是否还是点击的图表里面的内容
    // x轴数据的索引
    let xIndex = pointInGrid[0]
    let xstr = this.allDataMsg[xIndex];
    //console.log(xstr);//然后弹框回显数据，并可以更新备注信息
  }
})