AntV中F2在微信小程序中的使用

1.F2简介及语法参照网址

https://www.yuque.com/antv/f2/miniprogram

2.F2的微信小程序图表示例参照

https://github.com/antvis/wx-f2

3.@antv/f2-canvas 模块为 F2 的微信小程序图表自定义组件，依赖于 @antv/wx-f2(F2 对于微信小程序进行的适配)，请直接使用 @antv/f2-canvas。

https://github.com/antvis/f2-canvas

此教程适用于初步了解微信小程序基础框架的用户

1.创建标准小程序

2.在项目根目录下，初始化创建package.json文件

3.安装npm install --production

4.安装微信小程序 F2 图表组件

5.安装好依赖包之后，运行

6.开始绘制柱状图

7.常见问题

欢迎留下建议或者更好的解决方案。

本系列主要对小程序常用的组件做一个总结，方便自己及其它小程序开发者作为字典查阅和检索。

小程序组件有一些公共属性，在每个组件中代表的意义和数据类型都是一样的。

容器组件：内部能嵌套任何标签。常用的视图容器有： view , scroll-view , swiper

<view/> 是一个块级容器组件，任何一种复杂的布局都可以嵌套在 <view/> 组件内，并在 *.wxss 中设置相关样式。

<view/> 除了上述组件共有的属性外，还包含一组关于点击行为的属性。

在布局中，需要容器具有可滑动的功能，且能监听滚动、触顶、触底等事件，就需要 <scroll-view/> 组件， <scroll-view/> 在 <view/> 组件上添加滚动相关的属性，通过这些属性，可以响应滚动相关事件。

注意:

<textarea/>, <video/>, <map/>, <canvas/> 不能嵌套在 <scroll-view/>中使用

利用 swiper 组件，可以实现轮播图，滑动页面，预览图片等，一个完整的滑块视图软件由 <swiper/> 和 <swiper-item/> 两个标签组成，不能单独使用。一个 <swiper/> 只能嵌套一个或多个 <swiper-item/>标签，放置其它的标签会被删除，其中， <swiper-item/> 中能放置任何标签，高度默认为 100% ,另外没有任何其它特殊属性。

<swiper/> 的属性如下：

---