公司最近想做一個圖數據庫,多方對比下來,決定用antv G6來進行技術支持。
新建一個react項目(過程不多描述了)
確定新項目能跑起來之后,第一步: 引入 G6, 使用命令行? npm install--save @antv/g,?
第二步: 在需要的地方引入G6,
第三步: 引入G6的數據源為JSON格式的對象,該對象里面需要有節點(nodes)和邊(edges)字段
nodes 數組中包含節點對象,每個節點對象中唯一的、必要的 id 以標識不同的節點,x、y指定該節點的位置
edges 數組中包含邊對象,source 和 target 是每條邊的必要屬性。分別代表了該邊的起點和終點
第四步: 創建關系圖(實例化),至少需要為圖設置容器,高,寬
第五步:配置數據源,渲染