如何在 GoJS 中动态添加 Node 数据和 Link 数据？答案

【问题标题】：How to add Node data and Link data dynamically in GoJS?如何在 GoJS 中动态添加 Node 数据和 Link 数据？
【发布时间】：2015-02-15 11:04:55
【问题描述】：

 myDiagram.model = new go.GraphLinksModel(
[

  { key: "Alpha", color: "lightblue" },
  { key: "Delta", color: "pink" }

],
[
  { from: "Alpha", to: "Alpha" },
  { from: "Delta", to: "Alpha" }
]);

我需要动态添加更多的值，我应该怎么做？

【问题讨论】：

您需要检查 GraphLinksModel 的 API 以了解如何添加。

标签： javascript add gojs

【解决方案1】：

节点数据（来源：GoJS docs, class Model）：

如果要在 nodeDataArray 中添加或删除节点数据，请调用 addNodeData 或 removeNodeData 方法。

链接数据（来源：GoJS docs, class GraphLinksModel）：

如果您想在 linkDataArray 中添加或删除链接数据，请调用 addLinkData 或 removeLinkData 方法。如果要修改链接所连接的节点，请调用setFromKeyForLinkData 和/或setToKeyForLinkData 方法。

【讨论】：

【解决方案2】：

从对象列表动态添加到GraphLinksModel的示例：

       var model = new go.GraphLinksModel();
        for(let id = 1; id < node_list.length; id++){
       model.addNodeData( { key: node_list[id].getNodeID(), color: "lightblue" } );
       model.addLinkData( { from: node_list[id].getPreviousNode(), to: node_list[id].getNodeID() } );
         }
       myDiagram.model = model;  
       console.log(model.nodeDataArray); //to see data

【讨论】：