ECharts 点击非图表区域的点击事件不触发问题

1. 通过 `myChart.getZr().on('click', fn)` 监听整个图表的点击事件，注册回调

myChart.getZr().on('click', () => {//拿到index即可取出被点击数据的所有信息console.log(clickIndex)
})

2. 在 `tooltip` 的 `formatter` 函数中，每次调用都记录下需要的参数（一般取dataIndex），在回调中使用参数

var clickIndex
let option = {tooltip: 'axis',formatter: val => {clickIndex = val[0].dataIndexreturn 'tooltip'}
}

参考: https://github.com/apache/incubator-echarts/issues/4375

转载于:https://www.cnblogs.com/qimeng/p/10238485.html

ECharts 点击非图表区域的点击事件不触发问题相关推荐

jquery点击非div区域隐藏div
点击非div区域隐藏div,如图,点击圆的头像(.person-msg)弹出白色底框(.person-centre).点击圆头像以外的区域隐藏白色底框 html代码 <div class=&qu ...
自定义开发popup点击非popup区域关闭popup
自定义开发popup弹窗组件点击非popup区域关闭popup 如果是vue项目在vue的生命周期onMounted方法里面添加如下代码: onMounted(async ()=>{await ...
html 点击子元素,html如何点击子元素事件而不触发父元素的点击事件——阻止冒泡...
如果子元素和父元素都有点击事件,会出现点击事件冒泡的情况. 1.如何避免冒泡: html: 你好, 战无不胜 [注销] js: 方法1: UserLogout.οnclick=function (e) ...
数据可视化-echarts入门、常见图表案例、超详细配置解析及项目案例
文章目录数据可视化-echarts入门.常见图表案例及项目案例一.简介一.数据可视化简介二.echarts简介三.echarts特点四.ZRender介绍二.Echarts的基本使用一 ...
Echarts数据可视化action图表行为的相关操作，开发全解+完美注释
全栈工程师开发手册 (作者:栾鹏) Echarts数据可视化开发代码注释全解 Echarts数据可视化开发参数配置全解 6大公共组件详解(点击进入): title详解. tooltip详解.toolb ...
uni-app如何导入秋云 ucharts echarts 高性能跨全端图表组件
感性认识想在 uni-app 中使用 ucharts 官方提供了两种方法: uni_modules版本非 uni_modules版本何为 uni_modules?请看官方文档 uni_modul ...
制作杂志级图表的第四步：几项非图表技术
制作杂志级图表的第四步:几项非图表技术在前面介绍的图表制作方法中,用到一些非图表技术,这里一起说明一下. 一.锚定锚定是将图表快速对齐于一个单元格或单元格区域,并且图表能随单元的行高和列宽变化,这 ...
Echarts数据可视化event图表事件的相关操作，开发全解+完美注释
全栈工程师开发手册 (作者:栾鹏) Echarts数据可视化开发代码注释全解 Echarts数据可视化开发参数配置全解 6大公共组件详解(点击进入): title详解. tooltip详解.toolb ...
【ucharts】uniapp -- 使用秋云 ucharts echarts高性能跨全端图表组件
uCharts简介 uCharts是一款基于canvas API开发的适用于所有前端应用的图表库,开发者编写一套代码,可运行到 Web.iOS.Android(基于 uni-app / taro ). ...

ECharts 点击非图表区域的点击事件不触发问题

1. 通过 `myChart.getZr().on('click', fn)` 监听整个图表的点击事件，注册回调

2. 在 `tooltip` 的 `formatter` 函数中，每次调用都记录下需要的参数（一般取dataIndex），在回调中使用参数

ECharts 点击非图表区域的点击事件不触发问题相关推荐

最新文章

热门文章

ECharts 点击非图表区域的点击事件不触发问题

1. 通过 myChart.getZr().on('click', fn) 监听整个图表的点击事件，注册回调

2. 在 tooltip 的 formatter 函数中，每次调用都记录下需要的参数（一般取dataIndex），在回调中使用参数

ECharts 点击非图表区域的点击事件不触发问题相关推荐

最新文章

热门文章

1. 通过 `myChart.getZr().on('click', fn)` 监听整个图表的点击事件，注册回调

2. 在 `tooltip` 的 `formatter` 函数中，每次调用都记录下需要的参数（一般取dataIndex），在回调中使用参数