公司最近想做一个图数据库,多方对比下来,决定用antv G6来进行技术支持。
新建一个react项目(过程不多描述了)
确定新项目能跑起来之后,第一步: 引入 G6, 使用命令行 npm install--save @antv/g,
第二步: 在需要的地方引入G6,
第三步: 引入G6的数据源为JSON格式的对象,该对象里面需要有节点(nodes)和边(edges)字段
nodes 数组中包含节点对象,每个节点对象中唯一的、必要的 id 以标识不同的节点,x、y指定该节点的位置
edges 数组中包含边对象,source 和 target 是每条边的必要属性。分别代表了该边的起点和终点
第四步: 创建关系图(实例化),至少需要为图设置容器,高,宽
第五步:配置数据源,渲染