1.数据准备
    需要准备的数据格式,包含nodes点数据和edges边数据

    1. {
    2. "nodes": [{
    3. "id": "Myriel",
    4. "label": "node1"
    5. }, {
    6. "id": "Pontmercy"
    7. }, {
    8. "id": "Boulatruelle"
    9. },{
    10. "id": "Marius"
    11. }, {
    12. "id": "Prouvaire"
    13. }, {
    14. "id": "Mme.Hucheloup"
    15. }],
    16. "edges": [{
    17. "source": "Myriel",
    18. "target": "Mme.Hucheloup",
    19. "value": 3
    20. }, {
    21. "source": "Marius",
    22. "target": "Boulatruelle",
    23. "value": 5
    24. }, {
    25. "source": "Pontmercy",
    26. "target": "Myriel",
    27. "value": 3
    28. }, {
    29. "source": "Myriel",
    30. "target": "Prouvaire",
    31. "value": 3
    32. }, {
    33. "source": "Myriel",
    34. "target": "Mme.Hucheloup",
    35. "value": 3
    36. }, {
    37. "source": "Boulatruelle",
    38. "target": "Prouvaire",
    39. "value": 1
    40. },{
    41. "source": "Marius",
    42. "target": "Boulatruelle",
    43. "value": 1
    44. },{
    45. "source": "Mme.Hucheloup",
    46. "target": "Pontmercy",
    47. "value": 1
    48. }]
    49. }

    2.布局方式
    网格布局
    随机布局
    MDS
    力导向
    环形
    流程图
    同心圆