技术栈
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
(欧拉)openEuler系统添加网卡文件配置流程、(欧拉)openEuler系统手动配置ipv6地址流程、(欧拉)openEuler系统网络管理说明
02
PyTorch机器学习实现液态神经网络
03
【HarmonyOS】HUAWEI DevEco Studio 下载地址汇总
04
玄机平台应急响应—webshell查杀
05
Coze扣子平台完整体验和实践(附国内和国际版对比)
06
Ubuntu 20.04使用Livox mid 360 测试 FAST_LIO
07
【目标跟踪】相机运动补偿
08
Unity中PICO实现 隔空取物 和 接触抓取物体
09
RAG 实践- Ollama+RagFlow 部署本地知识库
10
怎样让音频速度变慢?请跟随以下方法进行操作