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";

不成功

1. 下面是不成功的例子，如果你不是吃瓜群众，可以直接通过文章目录跳转到 成功
2. 为什么要放出来，因为我搞得是柱状图，看官方文档柱状图的