使用Jquery实现一段可缩放,可拖动的时间轴功能
jquery吧
全部回复
仅看楼主
level 1
期待V尨
楼主
有一段时间轴,使用鼠标滚轮控制缩放,以中线为基准,按住鼠标可左右拖动时间轴。个人有如下疑惑:
1.缩放时是如何实现不同时间之间的间隔距离变化的。如何计算出来的?
2.按住鼠标左键实现左右拖动,鼠标松开就停住。
目前自己经过查阅资料,发现拖动的问题应该可以实现,只是不知道缩放的原理和思路是怎样的。
图片效果类似下图:
1.鼠标上滚,进行放大轴,显示详细数据,可以精确到间隔几分钟
2.鼠标下滚,还原为当前数据显示(默认以一个小时作为间隔)。
望各位吧友集思广益,帮帮忙!
2018年07月05日 02点07分
1
level 1
期待V尨
楼主
1.向上滚动,能精确到具体的时间(这里为15分钟为间隔,继续放大可以精确到10分钟,最大精确到5分钟)
2.向下滚动,还原当前显示。
2018年07月05日 02点07分
2
level 1
chaojitesilasi
大兄弟你研究的怎么样了 同求
2018年11月26日 08点11分
3
1