技术栈
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
【一文读懂】NTN(非地面网络)技术介绍
02
优化手机性能,解决卡顿问题:关闭这3个微信开关,释放内存空间
03
玄机平台应急响应—webshell查杀
04
Cube-Studio:开源大模型全链路一站式中台
05
基于大语言模型(LLM)的合成数据生成、策展和评估的综述
06
(欧拉)openEuler系统添加网卡文件配置流程、(欧拉)openEuler系统手动配置ipv6地址流程、(欧拉)openEuler系统网络管理说明
07
组基轨迹建模 GBTM的介绍与实现(Stata 或 R)
08
HCIA-datacom数通题库和录播视频资料
09
Docker 夺命连环 15 问
10
ARM学习(31)编译器对overlay方式的支持