官网可平移折线图示例失效

- [x] I have searched the [issues](https://github.com/antvis/f2/issues) of this repository and believe that this is not a duplicate.

### Reproduction link
[https://stackblitz.com/edit/react-bybdrq](https://stackblitz.com/edit/react-bybdrq)

### Steps to reproduce
1. 用 stackblitz 打开，提示 `chart.scrollBar is not a function`

2. 手动引入 ScrollBar，解决第一个问题
```typescript
import ScrollBar from '@antv/f2/lib/plugin/scroll-bar';

F2.Chart.plugins.register(ScrollBar);
```

3. 图表展示异常且无法滑动

| Environment | Info |
|---|---|
| f2 | 3.7.7 |
| System | MacOS |
| Browser | Microsoft Edge |

---
有谁知道3.7版本怎么图表平移功能吗

Start with the linked StackBlitz reproduction and the F2.Chart.plugins.register(ScrollBar) entry point. Reproduce the missing chart.scrollBar method, then investigate why manually registering @antv/f2/lib/plugin/scroll-bar still leaves the chart unable to pan. Done means the 3.7.7 example displays correctly and supports horizontal scrolling.

Written by the indexing model from the issue text.