@antv/f2 建立横向滚动条时 scrollBar 找不到的处理方法

  onInitChart(F2, config) {
  //console.log(JSON.stringify(config) + config['context']);
  //const F2 = require('@antv/f2/lib/index')
 
  const ScrollBar = require("@antv/f2/lib/plugin/scroll-bar");
 
  const pan = require("@antv/f2/lib/interaction/pan");
 
 
 //这里新建chart 对象的时候跟网上他们的设定方式不同，他们的创建方式我这边会提示  getElementById 
 //错误 弄了很久才搞定这种创建方式 利用context创建 网络上这方面资料比较少 特此分享 提供思路
  chart = new F2.Chart({
    context: config['context'],
    width:375,height:250,pixelRatio:2,
    plugins: [ScrollBar,pan] 
  });

   // 定义进度条 注意大小写 前面虽然定义了ScrollBar 但是文件里面引用方法名是scrollBar
    //这里也是个容易出错的地方
    chart.scrollBar({
      mode: 'x',
      xStyle: {
        backgroundColor: '#e8e8e8',
        fillerColor: '#808080',
        offsetY: -2
      }
    });
    chart.interaction('pan');
}