aromameng / aromameng.github.io

个人博客
https://aromameng.github.io/
0 stars 1 forks source link

【antv】React 图表库 #46

Open aromameng opened 3 years ago

aromameng commented 3 years ago

官方文档:https://antv-g2.gitee.io/zh/examples/pie/basic#labelline https://charts.ant.design/demos/pie?type=api

书籍文档:https://www.bookstack.cn/read/f2-zh/0.md

网友总结: https://segmentfault.com/a/1190000013413771?utm_source=tag-newest/*&^%$

aromameng commented 3 years ago

G2、G2Plot、Ant Design Charts 的关系

https://segmentfault.com/a/1190000038634535

G2 作为底层依赖,使用了图形语法,上手成本相对较高,功能强大。 G2Plot 全面依赖 G2,G2Plot 层仅仅是基于 G2 强大的图形、交互、事件、动画能力,一图一做的扩展不同的常见业务图表,开箱即用、易于配置。 Ant Design Charts 是 G2Plot 的 React 版本,基于 React 封装了 G2Plot,无需感知destroy()、update() 等函数,只需关系 data 和 config,功能和 G2Plot 保持一致,回到第一张图,Ant Design Charts 不局限于 G2Plot,目前已经在 G6 的基础封装了部分流程图、组织架构图等,后续还会接入 L7 (地理可视化) 等图表库。 G2Plot、Ant Design Charts 都有透出 G2 ,可以简单理解成能力上是对齐的。

import { G2 } from '@antv/g2plot'; import { G2 } from '@ant-design/charts';

G2 到 Ant Design Charts,我们只有一个目的:降低开发入门门槛,如何选择取决于你对各图表库的理解程度,新手建议使用最简单的 Ant Design Charts,大佬请自便。

AntV 的图表工厂 https://www.yuque.com/antv/blog/charts