Echarts如何添加鼠标点击事件?防止重复触发点击事件
2024-08-28 05:24:00
Echarts如何添加鼠标点击事件?
1.通常我们只使用了以下代码,通过配置项和数据显示图表。
var myChart = echarts.init(document.getElementById('chartBox'));
var option = {...};
myChart.setOption(option);
2.在myChart.setOption(option)后添加以下代码,即可触发图标中每个项的鼠标点击事件。
myChart.on('click', function(param) {
//这个params可以获取你要的图中的当前点击的项的参数
console.dir(param)
});
注:鼠标事件包括'click','dblclick','mousedown','mouseup','mouseover','mouseout','globalout','contextmenu'。
3.如果逻辑运行中,第2点中的代码,执行了多次,则绑定之前需要清除绑定:
//防止重复触发点击事件
if(myChart._$handlers.click){
myChart._$handlers.click.length = 0;
}
myChart.on('click', function(params) {
//这个params可以获取你要的饼图中的当前点击的项的参数
_this.showMapPointInfo(params,param);
});
最新文章
- 【NodeJs环境下bower】如何更改bower_components文件夹的位置
- elasticsearch5.0.0 安装插件及配置过程
- Ajax学习记录
- jquery层级原则器(匹配前一个元素后的下一个元素,必须是挨着的)
- Java--简单的Spring AOP配置以及AOP事物管理,JDK/GCLib动态代理
- leetcode 278. First Bad Version
- 关于Repository模式
- [转]C#开发ActiveX控件,.NET开发OCX控件案例
- WIN7上搭建Windows Phone 8 开发环境——VMware Workstation下Win8 “无法安装Hyper-V, 某个虚拟机监控程序正在运行”问题解决的办法
- How can I add a new user as sudoer using the command line?
- $_GLOBALS超全局数组和global定义的全局变量区别?
- 用switch判断月份的练习
- [Jmeter]jmeter之参数化
- 初探linux子系统集之i2c子系统(二)
- String字符串创建与存储机制
- 正则表达式中的re.S
- 田螺便利店—opencv3.4.5与vs2015配置并测试
- LeetCode算法题-Sum of Left Leaves(Java实现)
- 如何在MacBook的以太网端口上成功运行DHCP服务器?
- 12.22日wagas学习笔记
热门文章
- PAT 甲级 1047 Student List for Course (25 分)(cout超时,string scanf printf注意点,字符串哈希反哈希)
- Python - Django - 显示作者列表
- pod install [!] Unable to find a specification for `XXX`
- MySQL设置可以远程连接
- todolist形式的搜索框,分开组件写的,点击上下键时,框内显示当前选中的内容
- Xena L23网络测试仪Valkyrie使用技巧100例,目录
- Spring Maven工程引入css,js
- poj1584(判断凸包+求点到线段的距离)
- SQL常用语句简单
- POJ 2299-Ultra-QuickSort-线段树的两种建树方式