android 横滚的折线图_AntV F2 数据可视化填坑，图表横向滚动

柱状图横向滚动

思路

通过 Interaction 实现平移，通过 ScrollBar 显示滚动条

1.Interaction

F2 提供一套交互机制，以达到通用交互行为的封装和复用。基于此机制，我们提供了以下五种通用的交互行为：

饼图选中

柱状图选中

图表平移 pan

图表缩放

图表 swipe 快扫

2.ScrollBar

Scroll bar 是一个静态插件，主要用于辅助 pan 和 pinch 交互。 滚动条只是为 pan 服务的。

数据结构

数据结构：

[

{

provinceShortName: "北京",

index: 0,

confirmedCount: 168

},

//...

]

引入 F2

import F2 from "@antv/f2/lib/index";

不成功

下面是不成功的例子，如果你不是吃瓜群众，可以直接通过文章目录跳转到 成功

为什么要放出来，因为我搞得是柱状图，看官方文档柱状图的例子搞的没搞出来。

可以横向滚动了，但是当横坐标只显示刚开始定义的 originProvinces, 想着动态改变 originProvinces，鼓捣半天发现不知道在什么地方触发。如果您知道原因，欢迎指教！

// 通过横坐标定义初始显示的数据，剩余的数据通过滑动显示(好像是不对的)

const originP