移动端柱形图左右滑动 antv F2

移动端柱形图滑动效果用antv F2就可以实现

我是直接用阿里的在线编辑器的,不知道后续会不会失效。

https://antv.alipay.com/zh-cn/f2/3.x/demo/interaction/pan-for-bar-chart.html

也可以直接复制下面代码改一改






    
    
    
    F2 图表组件库 - AntV
    
    










  

 

重点是这个,data是全部数据,originDates是部分数据,剩余的数据被隐藏,然后平移才可以查看剩余的数据,适当修改originDates就可以看到效果了。要调用这个方法 chart.interaction('pan')(上面代码中有调用,自己搜吧)才可以滑动。

npm引入F2好像目前来看默认是没有这个平移的,导入了感觉也没有效果,目前找不到原因,我建议直接引入f2-all.min.js,maybe后续会有大神填坑。

移动端柱形图左右滑动 antv F2_第1张图片

你可能感兴趣的:(移动端柱形图左右滑动 antv F2)