小程序上渲染 F2
虽然 F2 默认基于 Html5 Canvas 进行图表绘制,但是对于当前运行时环境来说,只要能够提供和 Html5 Canvas 上下文环境一样的上下文接口,一样也能使用 F2 进行图表绘制。
下面的表格给出了各个运行环境下可使用的 F2 的功能对比:
— | Html5 | Node | 小程序(微信&&小程序) |
---|---|---|---|
图表绘制 | ✔︎ | ✔︎ | ✔︎ |
Legend 组件 | ✔︎ | ✔︎ | ✔︎ |
Tooltip 组件 | ✔︎ | ✔︎ | |
事件(Tooltip、Legend 上的事件交互) | ✔︎ | ✔︎ | |
动画 | ✔︎ | ✔︎ |
小程序
封装思路
详见:《聊一聊 F2 与小程序》。
支付宝小程序
F2 的支付宝小程序版本(待支付宝支持自定义组件后,会基于此库提供一个支付宝小程序的组件)。
- github:https://github.com/antvis/my-f2
- 使用文档:这里
- Demos: github,用户可以通过蚂蚁开发者工具直接打开此项目进行体验感受。
微信小程序
F2 的微信小程序图表组件
- github:https://github.com/antvis/wx-f2
- 使用文档:这里
- Demos: 源码位于项目 pages/charts/ 目录下,可以使用微信开发者工具打开 wx-f2 项目进行体验感受,也可以打开微信扫描以下二维码进行体验:
原文: https://antv.alipay.com/zh-cn/f2/3.x/tutorial/miniprogram.html