技术栈
flchart库判断当前点击的底部title的index
乔瑟琳
2023-12-15 16:07
使用flchart库,版本0.35,在点击柱状图时,当柱状图的高度为0,默认选中热区很小,很难点击选中对应区域,如图一 9和10的柱状图高度为0。
查了源码,貌似没有单独针对底部title设置点击事件的回调。
实际上点击底部title,barTouchData 内的touchCallback是有回调的,如图二。但返回的参数是一堆坐标,因为任务紧急,工期短,暂时不建议去重新计算底部title的位置。
发现在点击有高度的柱状图时既然在点击事件内返回了坐标,以及点击对应的BarTouchedSpot,BarTouchedSpot这个对象内部有touchedBarGroupIndex,这个变量表示当前点击了第几个柱状图。一路查看源码,看在哪个地方对这个变量进行赋值的。如图三。判断当前点击区域属于哪条柱状图,底层逻辑是拿当前点击的位置坐标x,y,依次去判断是否属于最近的柱状图。在X坐标,点击区域需要大于柱状图的左侧X坐标,小于右侧X坐标。在Y坐标,需要判断点击区域的Y坐标大于柱状图底部Y坐标,小于柱状图上部Y坐标。我们的目标是希望点击底部title,能被识别为点击了对应的柱状图,看源码,有个变量touchExtraThreshold,在计算是否在柱状图内时,默认加了个变量的上下左右值,应该是对柱状图点击热区的一个预留值。
因此,在flchart库 0.35版本,想要实现点击底部title也有对应柱状图index的返回,可以直接添加touchExtraThreshold
上一篇:
LeetCode 0070. 爬楼梯:动态规划(递推)
下一篇:
力扣二叉树--总结篇(2)
热门推荐
01
【经验分享】Ubuntu22.04安装微信(linux官方版)
02
组基轨迹建模 GBTM的介绍与实现(Stata 或 R)
03
2024年高教社杯数学建模国赛C题超详细解题思路分析
04
CTF网络安全大赛简单的web抓包题目:HEADache
05
安卓系列机型永久去除data分区加密 详细步骤解析
06
【2024数模国赛赛题思路公开】国赛B题思路丨附可运行代码丨无偿自提
07
pve(Proxmox VE)安装i225v网卡驱动
08
Ubuntu24.04安装中文输入法
09
【2024高教社杯全国大学生数学建模竞赛】B题 生产过程中的决策问题——解题思路 代码 论文
10
分享几个惊艳的 Three.js 个人站点