美文网首页
Echart点击事件

Echart点击事件

作者: 小宝宝_ef99 | 来源:发表于2019-11-26 15:43 被阅读0次

一、click事件

1、使用场景

​ 比如点击图表时需要获取点击的图数据的时候

2、语法

const myChart = echarts.init(document.getElementById(id))
myChart.on('click', params => {
  console.log('数据', params)
})

二、.getZr() click事件

1、使用场景

​ 点击的时候需要知道点击的位置,比如点击后需要再点击的地方出现一个弹框,而且需要显示点击的图的数据,这时候结合图表click事件使用

2、语法

myChart.getZr().on('click', params => {
   // params.offsetX,params.offsetY 为点击位置的坐标,这时候可以将画布设置成相对定位,弹框设置成绝对定位,点击的坐标即为弹框的位置
})

相关文章

  • Echart点击事件

    一、click事件 1、使用场景 ​ 比如点击图表时需要获取点击的图数据的时候 2、语法 二、.getZ...

  • echarts 折线图如何添加点击事件

    给echarts折线图的某个点添加点击事件,并打印横纵坐标点的数据。 实现效果 点击事件 echart添加点击事件...

  • echarts处理区域点击

    echart默认的点击事件只能通过点击图形触发,比如柱状图,只有点击柱子才会触发,如果数据相差较大,有些柱子非常小...

  • 地图定位线点实现思路<无代码>

    需求 实现点击地图上的省份及撒的坐标点通过“折线”连接某个信息框 实现 获取鼠标坐标:echart点击事件里eve...

  • vue echart地图提示框tool-tip点击事件

    1提示框中,有时需要click事件,但是formater中的不会指向Vue 例如点击查看,去往地区详情页面。但直接...

  • echart启航

    构建简单echart图表:参考:Echart官网 查看官方文档说明 下载echart脚本Echart官方网站 下载...

  • 8.点击事件的分发机制

    问题: listview控件点击事件,添加了长按点击事件和点击事件,发现,长按点击事件执行之后点击事件也被触发了。...

  • OL3和echart的结合

    概述 本文讲述OL3结合echart,实现echart中的炫酷特效。 效果 echart3 echart2 说明:...

  • 点击事件

    var a = document.getElementById('anniu'); var c = documen...

  • 点击事件

    case R.id.btnBelongTown:geTown();openFilterTypeTown();bre...

网友评论

      本文标题:Echart点击事件

      本文链接:https://www.haomeiwen.com/subject/yitywctx.html