Scrollbar效果出不来 #3335

<!-- Thank you for reporting an issue. 1. It's RECOMMENDED to submit PR for typo or tiny bug fix. 2. If this's a FEATURE request, please provide: details, pseudo codes if necessary. 3. If this's a BUG, please provide: course repetition, error log and configuration. Fill in as much of the template below as you're able. 4. It will be nice to use to provide a CodePen Link which can reproduce the issue, we provide a CodePen template g2-github-issue. 感谢您向我们反馈问题。 1. 提交问题前，请先阅读 https://antv.alipay.com/zh-cn/g2/3.x/index.html 上的文档。 2. 我们推荐如果是小问题（错别字修改，小的 bug fix）直接提交 PR。 3. 如果是一个新需求，请提供：详细需求描述，最好是有伪代码实现。 4. 如果是一个 BUG，请提供：复现步骤，错误日志以及相关配置，并尽量填写下面的模板中的条目。 5. 如果可以，请提供尽可能精简的 CodePen 链接，可使用 CodePen 模板 https://codepen.io/leungwensen/pen/WXJgox，方便我们排查问题。 6. 扩展阅读：如何向开源项目提交无法解答的问题 -->

• G2 Version: 4.0+

• Platform: PC

• code:

  initChart() {
      const _self = this
      _self.chart = new Chart({
        container: _self.chartID,
        autoFit: true,
        height: 440,
        padding: [16, 32, 64, 32],
      })
      _self.chart.data(_self.lineChartData)
      // 滚动条不起作用
      _self.chart.option('scrollbar', {
        type: 'horizontal',
      })
      _self.chart.scale('rainfall', {
        nice: true,
      })
  
      _self.chart.tooltip({
        showMarkers: false,
        shared: true,
      })
      _self.chart.axis('rate', {
        position: 'right',
        line: {},
        grid: null,
        tickLine: {
          alignTick: true,
        },
        subTickLine: {
          count: 20,
        },
        label: {
          formatter: (val) => {
            return val + '%'
          },
        },
      })
      _self.chart.scale('rate', {
        min: -10,
        max: 100,
        nice: true,
      })
      _self.chart.axis('rainfall', {
        position: 'left',
        line: {},
        tickLine: {
          alignTick: true,
        },
        label: {
          formatter: (val) => {
            if (_self.unit == '%') {
              return +val * 100 + `${_self.unit}`
            } else {
              return +val + `${_self.unit}`
            }
          },
        },
      })
      _self.chart
        .interval()
        .position('month*rainfall')
        .color('name')
        .adjust([
          {
            type: 'dodge',
            marginRatio: 0,
          },
        ])
      _self.chart.interaction('active-region')
      // _self.chart.line().position('month*rate').label('rate').shape('smooth').color('name')
      _self.chart.line().position('month*rate').color('name').shape('smooth')
      _self.chart.render()
    }
  

```

• CodePen Link:在ant-design-pro框架中使用的(vue版本)

<!-- Enter your issue details below this comment. -->