微信小程序中AntV F2的使用

一.安装AntV F2

1.安装node.js

安装地址：https://nodejs.org/zh-cn/download/

2.删除截图中的文件

3.在项目根目录下打开cmd,初始化package文件

npm init

 直接回车到最后

4.使用--production选项可以减少安装一些无用的npm包，可有效减少整个小程序的体积大小

npm install --production

5.安装小程序F2组件

npm i @antv/f2-canvas

安装完成之后我们的目录中会有node_modules文件夹

7.安装完成之后到小程序开发工具中的本地设置里将使用npm模块勾选上

7.工具中的构建npm

若出现图中的提示我们可以不用管它

构建成功之后我们的文件夹中会生成miniprogram_npm文件夹

二.使用AntV F2

例1：层叠条形统计图

1.在使用josn中引入插件模板

{
  "usingComponents": {
      "ff-canvas": "@antv/f2-canvas"
  }
}

2.在wxml中使用刚刚引用的插件模板

<view>
  <!--层叠条形图-->
  <