用法

    renderCustomGroup(data, groupType)

    根据提供的数据渲染组群。

    参数

    用法

    1. nodes: [
    2. {
    3. id: 'node1',
    4. groupId: 'group1',
    5. label: 'node1',
    6. },
    7. {
    8. id: 'node2',
    9. groupId: 'group1',
    10. label: 'node2',
    11. },
    12. ],
    13. {
    14. source: 'node1',
    15. target: 'node2',
    16. },
    17. groups: [
    18. {
    19. id: 'group1',
    20. title: {
    21. text: '我的群组1',
    22. stroke: '#444',
    23. offsetX: -20,
    24. offsetY: 30,
    25. },
    26. },
    27. ],
    28. };
    29. // graph是Graph的实例
    30. graph.renderCustomGroup(data, 'circle');

    read(data)

    参数

    用法

    更新数据源,根据新的数据重新渲染视图。

    参数

    1. nodes: [
    2. id: 'node1',
    3. label: 'node1',
    4. },
    5. {
    6. id: 'node2',
    7. label: 'node2',
    8. },
    9. ],
    10. edges: [
    11. {
    12. source: 'node1',
    13. target: 'node2',
    14. },
    15. ],
    16. };
    17. // graph是Graph的实例

    collapseGroup(groupId)

    收起分组,收起分组后,隐藏分组中的所有节点和边,分组外部与分组内节点有连线的则临时连接到分组上面。

    参数

    用法

    展开分组,显示分组中的所有节点和边,恢复收起前的连接情况。

    用法