前言:最近在调研前端的一些框架,技术栈主要是用react,所以找到了2个十分相似解决方案,拿来对比一下 antd和antv都是基于react antdantv 提供一些常用的组件,button,bar,table等 提供图表,例如G6关系图,X6流程图等 解决方案 企业级 UI 设计语言 数据可视化解决方案 官网 ant.design/index-cn antv.antgroup.com/ 衍...
首先你需要花费半天或者一天的时间,好好去官网去阅读一下,这个东西应该怎么用,不然你怎能去实现你的功能。 3.2官网的第一个简单的例子 importG6from"@antv/g6";constdata={nodes:[{id:"node1",label:"Circle1",x:150,y:150},{id:"node2",label:"Circle2",x:400,y:150}],edges:[{source:"node1",...
G6:https://github.com/antvis/g6- 强分析、高性能、易扩展的图可视分析引擎。 Graphin:https://github.com/antvis/graphin- 基于 G6 封装的 React 组件库,专注在关系可视分析领域,简单高效,开箱即用。 X6:https://github.com/antvis/X6- 基于 HTML 和 SVG 的图编辑引擎,提供低成本的定制能力和开箱即...
官网地址:https://antv.vision/zhAntv起初是蚂蚁金服旗下的数据可视化解决方案,刚开始的时候还只有G2和G6两款产品,其中G2针对于图形化报表,包括折线图、柱状图、饼图等等一系列图形化报表,类似于Echarts;G6则偏向于关系型图表,包括树形图、脑图、流程图等。 近几年则拓展了S2、X6、L7等等功能。其中: S2 是...
React + umi +antd+antv/g6 实现力图 2019-02-21 13:48 −... 往霄龙 0 4014 umi model 注册 2019-09-29 10:54 −model 分两类,一是全局 model,二是页面 model。全局 model 存于 /src/models/ 目录,所有页面都可引用;页面 model 不能被其他页面所引用。 规则如下: src/models/**/*.js 为...