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就沒有問題了和示例一樣