react + antv G6

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

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

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

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

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


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

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

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


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


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容