AntV

AntV图片

AntV是什么网站？AntV是数据分析网站。

做数据可视化，你是不是也遇到过这种尴尬？

图表库装了一堆，真到画关系图、流程图的时候，要么样式丑得拿不出手，要么交互卡得要命，想拖拽个节点都得自己写一堆事件。尤其是做后台管理系统或者大屏项目，甲方动不动就要"酷炫一点""能拖拽""最好还能缩放"，这时候拿Echarts硬改，改到怀疑人生。

后来我翻到AntV，才发现蚂蚁金服内部早把这套东西开源出来了。它不是一个图表库，而是好几个，什么G2（统计图表）、G6（图关系）、X6（流程图）、L7（地理空间），各管一摊，但风格统一，用起来挺顺手。

AntV到底能干什么？拆开给你看

说实话，我最开始也以为AntV就是个画柱状图折线图的，后来发现格局小了。它解决的核心问题，是把复杂的关系数据、流程逻辑、地理信息变成看得懂、能交互的图形。

• G6：关系图/拓扑图。做知识图谱、组织架构、网络拓扑的时候特别好使。节点拖拽、缩放、力导向布局都是现成的，不用自己从零写算法。官方文档里例子挺多，复制下来改改数据就能用。
• X6：流程图/DAG图。画审批流、工作流、甚至脑图都行。它跟G6的区别在于更偏向"编辑器"场景，节点连线、撤销重做、小地图这些功能都内置了，省得用D3.js一点点抠。
• L7：地理可视化。做地图撒点、热力图、迁徙路线图用得上。我拿它做过一个物流轨迹大屏，几千个点同时动，帧率还挺稳，没怎么掉链子。
• G2Plot：统计图表。如果只是画常规的柱状图、饼图、雷达图，用这个就够了。配置比Echarts简洁一些，官方叫"图表语法"，其实不用管那么多，照着示例改就完事了。

什么时候用AntV？我的个人建议

如果你的项目里只是简单展示几个指标，那用Echarts或者Chart.js都行，没必要上AntV。但要是碰到下面这几种情况，我建议你试试：

• 要做交互复杂的关系图或流程图，比如用户点一个节点，高亮它的所有上下游连线，G6里用内置的交互事件就能搞定。
• 项目是React技术栈，AntV官方提供了React绑定组件（比如@antv/g6-react-node），跟组件状态联动比较自然。
• 需要深度定制样式，它底层是基于Canvas/WebGL的，图形渲染可控性强，不像SVG那样节点一多就卡。

另外提醒一句，官网的文档站（antv.antgroup.com）里面有在线示例，最好直接去翻"图表示例"那个菜单，比看API文档快多了。遇到问题搜"antv G6"或者"antv X6"加问题描述，社区里基本都能找到答案。

反正工具是死的，用得顺手才是真的。你要是正被数据可视化折磨，不妨花半小时跑通一个G6的官方demo，心里就有数了。