Charts图表

Charts图表 slider滑动和图表联动(Demo)

2022-06-06  本文已影响0人  生命不止运动不息

当图表宽度过长时,就需要滑动,Charts 是支持图表直接滑动的。但为了效果,在图表下方加了一个滑块,可以通过滑块滑动,也可以滑动图表,更直观。

效果图

滑动滑块


slider.gif

滑动图表


charts.gif

实现过程:

图表和滑块封装到一个视图

知道了总的偏移量,也知道了 当前的x偏移,那么就可以计算出滑块的值了。


滑动回调

思路:根据滑块的值,计算出图表将要的偏移x, 根据已有的x偏移,求出应该偏移的距离。 根据距离设置将要移动到的点。 刷新视图。

请看滑动滑块时的代码:


滑动滑块

Demo示例

链接: https://pan.baidu.com/s/19mkPabahiypIjjXk0Bpl7g?pwd=e7ve 提取码: e7ve

上一篇 下一篇

猜你喜欢

热点阅读