F2
F2 copied to clipboard
antvis
官网折线图平移 demo 无法平移
- [x] I have searched the issues of this repository and believe that this is not a duplicate.
Reproduction link
Steps to reproduce
不太清楚官网demo的是哪个版本的，现在用最新版本去创建图表，平移功能都会失败
| Environment | Info |
|---|---|
| f2 | 3.8.1 |
| System | - |
| Browser | - |
将
import F2 from "@antv/f2";
const ScrollBar = require("@antv/f2/lib/plugin/scroll-bar");
require("@antv/f2/lib/interaction/pan");
改为
import F2 from "@antv/f2/dist/f2-all";
或
import F2 from '@antv/f2/lib/index'
import ScrollBar from '@antv/f2/lib/plugin/scroll-bar'
import ToolTip from '@antv/f2/lib/plugin/tooltip'
require('@antv/f2/lib/interaction/pan')
require('@antv/f2/lib/component/guide/text')
require('@antv/f2/lib/component/guide/line')
则可以正常显示
引入 /lib/index-all 也可以， /es/index-all 不行且会报 Illegal invocation
import F2 from '@antv/f2/lib/index'
import ScrollBar from '@antv/f2/lib/plugin/scroll-bar'
import ToolTip from '@antv/f2/lib/plugin/tooltip'
require('@antv/f2/lib/interaction/pan')
require('@antv/f2/lib/component/guide/text')
require('@antv/f2/lib/component/guide/line')
这样引入就可以了，可能是仓库更新了，但是demo没有
为什么关掉呢，虽然 lib/index 可以，但是 es/index 不行，说明有些代码的引用还是有问题的，你可以引用 commonJS 让代码运行没问题，但是少了 webpack 对 es module 的 tree shaking
太特么坑了，官方不都是叫import F2 from '@antv/f2' 这么引用的吗，用到的页面在具体引用插件，import F2 from "@antv/f2/dist/f2-all"这种虽然问题解决了，但.....特么这种又有点别扭啊
太特么坑了，官方不都是叫import F2 from '@antv/f2' 这么引用的吗，用到的页面在具体引用插件，import F2 from "@antv/f2/dist/f2-all"这种虽然问题解决了，但.....特么这种又有点别扭啊
太特么坑了，官方不都是叫import F2 from '@antv/f2' 这么引用的吗，用到的页面在具体引用插件，import F2 from "@antv/f2/dist/f2-all"这种虽然问题解决了，但.....特么这种又有点别扭啊
import F2 from '@antv/f2/lib/index'
import ScrollBar from '@antv/f2/lib/plugin/scroll-bar'
import ToolTip from '@antv/f2/lib/plugin/tooltip'
require('@antv/f2/lib/interaction/pan')
require('@antv/f2/lib/component/guide/text')
require('@antv/f2/lib/component/guide/line')
这样就可以了，应该是仓库代码更新，但是官网demo没有更新
echarts有滚动条的影响移动端上下滑动 highcharts的滚动条自定义样式不理想 antv f2翻了issues才知道demo引入方式有出入 哎~
