博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
echarts柱状图点击阴影部分触发事件
阅读量:4501 次
发布时间:2019-06-08

本文共 668 字,大约阅读时间需要 2 分钟。

在很多时候我们的柱状图分布不均匀,有些柱高可能会很小,如果通过myChart.on('click',function(){})来促发事件,可能在点击的时候不好操作,因为这个click事件是绑定在各个serie上的,也就是单个柱子上,可以通过param参数获取点击的serie信息。但是如果要满足在柱高非常小的时候,也能有点击事件,我们可以对在整个对serie的阴影部分绑定。如下:

myChart.getZr().on('click',function(params){                const pointInPixel= [params.offsetX, params.offsetY];                if (cityChart.containPixel('grid',pointInPixel)) {                    var xIndex=cityChart.convertFromPixel({seriesIndex:0},[params.offsetX, params.offsetY])[0];                        function(xIndex){                             ...                         };                }            });

 

转载于:https://www.cnblogs.com/guozhigang/p/10141391.html

你可能感兴趣的文章
Swift 里字符串(一)概览
查看>>
温故知新 javascript 正则表达式(转载)
查看>>
XP系统无法远程桌面
查看>>
正确使用索引
查看>>
java多态
查看>>
盒覆盖 算法
查看>>
bzoj1260 [CQOI2007]涂色paint
查看>>
仿网上银行虚拟键盘脚本- keyboard.js
查看>>
makefile "=" ":=" "?=" "+="
查看>>
机会是留给有准备的人
查看>>
实战是最好的学习方式
查看>>
使用qemu-img创建虚拟磁盘文件
查看>>
JDBC
查看>>
POJ - 3237 Tree (树链剖分+线段树)
查看>>
个人网站可参考的资料
查看>>
跟随一条insert语句, 进入TiDB的源码世界(上)
查看>>
软件工程-设计
查看>>
乘法游戏
查看>>
JavaScript返回上一页并自动刷新
查看>>
Linux相关——关于文件调用
查看>>