react + antv G6

公司最近想做一个图数据库,多方对比下来,决定用antv G6来进行技术支持。

新建一个react项目(过程不多描述了)

确定新项目能跑起来之后,第一步: 引入 G6, 使用命令行  npm install--save @antv/g, 

第二步: 在需要的地方引入G6,

第三步: 引入G6的数据源为JSON格式的对象,该对象里面需要有节点(nodes)和边(edges)字段


nodes 数组中包含节点对象,每个节点对象中唯一的、必要的 id 以标识不同的节点,x、y指定该节点的位置

edges 数组中包含边对象,source 和 target 是每条边的必要属性。分别代表了该边的起点和终点

第四步: 创建关系图(实例化),至少需要为图设置容器,高,宽


第五步:配置数据源,渲染


你可能感兴趣的:(react + antv G6)