1.数据准备
需要准备的数据格式,包含nodes点数据和edges边数据
{
"nodes": [{
"id": "Myriel",
"label": "node1"
}, {
"id": "Pontmercy"
}, {
"id": "Boulatruelle"
},{
"id": "Marius"
}, {
"id": "Prouvaire"
}, {
"id": "Mme.Hucheloup"
}],
"edges": [{
"source": "Myriel",
"target": "Mme.Hucheloup",
"value": 3
}, {
"source": "Marius",
"target": "Boulatruelle",
"value": 5
}, {
"source": "Pontmercy",
"target": "Myriel",
"value": 3
}, {
"source": "Myriel",
"target": "Prouvaire",
"value": 3
}, {
"source": "Myriel",
"target": "Mme.Hucheloup",
"value": 3
}, {
"source": "Boulatruelle",
"target": "Prouvaire",
"value": 1
},{
"source": "Marius",
"target": "Boulatruelle",
"value": 1
},{
"source": "Mme.Hucheloup",
"target": "Pontmercy",
"value": 1
}]
}
2.布局方式
网格布局
随机布局
MDS
力导向
环形
流程图
同心圆