char f2的坑

写柱状图可以左右滑动时

1.根据示例 写了代码后  发现没有 scrollBar()   interaction() 方法

 

搜索后发现需要这样写

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 = new F2.Chart({
                id: '', // canvas 的id
                pixelRatio: window.devicePixelRatio,
                width: window.screen.availWidth,
                height: 300,
                plugins: [ScrollBar,pan] 
            });

2. 发现X轴第一屏后面的 都没有了文字描述

经过一步步排查后发现是@antv/f2 版本问题  卸载后安装3.4.3就没有问题了和示例一样 

 

 

你可能感兴趣的:(char f2的坑)