Applet - applet chart Library (F2 chart Library)

Applet chart Library

• f2
  F2 Alipay applet version （ After Alipay supports custom components , Based on this library, we will provide a component of Alipay applet ）.
  github：https://github.com/antvis/my-f2

• mini-chart
  Alipay applet chart Library mini-chart
  The difference from the above applet version is ,my-f2 Yes, it is f2 The way to draw the bottom layer is more customized , and mini-chart It is encapsulated into a form of custom components , Be simple in use .
  github：https://github.com/ant-mini-program/mini-chart

  npm:https://developer.aliyun.com/mirror/npm/package/mini-chart

summary ： In general use , We use mini-chart that will do .

pie The pie chart

Official website reference ：
github：https://github.com/ant-mini-program/mini-chart
https://developer.aliyun.com/mirror/npm/package/mini-chart

Nail applet chart refresh antv-f2

Official website ：https://antv-f2.gitee.io/zh/docs/tutorial/manual/miniprogram
Link to the original text ：https://blog.csdn.net/hthereal/java/article/details/103833182

The company has a project to realize some functions in the nailing applet , Among them, charts are needed , Process and echart Comparison , Finally, I chose Ali Department F2,f2 The propaganda is “ Focus on mobile , Compatible with multiple environments （Node, Applet ,Weex）”, And there are relevant supporting documents , Haven't seen echart Support for Alibaba's applet .

In the nailing applet project directory , Execute the following command , introduce my-f2

npm install @antv/my-f2

perhaps Direct reference f2 Plug in for , Follow the official website , The official website has been introduced with plug-ins （F2 Alipay applet version , Support native F2 All functions of , Welcome to feedback .）
Refer to the official website ：https://github.com/antvis/my-f2/blob/master/README.md

F2 Basics

Official website ：https://f2.antv.vision/zh/docs/api/f2

When introducing F2 after , You can use the global namespace F2.

F2.version // At present F2 Version number of

class Classes
F2.Chart： The entry class of the chart
F2.G： The underlying drawing engine （ Native based Html5 Canvas Interface encapsulation ）
F2.Shape：F2 Shape Graphic extension interface , For customizing various geometric markers shape
F2.Global：F2 Global configuration for , Contains the skin style of the chart
F2.Util： Auxiliary class tool functions