各种模型
使用自定义节点模板,我们的图表变得非常美观,但也许我们想要展示更多。也许我们想要一张组织结构图来表明Don Meow真的是猫卡特尔的老板。因此,我们将通过添加一些链接来显示各个节点之间的关系以及自动定位节点的布局,从而创建一个完整的组织结构图。
为了获得我们的图表的链接,基本Model不会削减它。我们将不得不在GoJS中选择其他两个模型中的一个,这两个模型都支持链接。这些是GraphLinksModel和TreeModel。
在GraphLinksModel,我们model.linkDataArray除了model.nodeDataArray。它包含一组JavaScript对象,每个对象通过指定“to”和“from”节点键来描述链接。这是节点A链接到节点B并且节点B链接到节点C的示例:
var model = $(go.GraphLinksModel); model.nodeDataArray = [ { key:“A” }, { key:“B” }, { key:“C” } ]。 model.linkDataArray = [ { from:“A”,to:“B” }, { from:“B”,to:“C” } ]。 myDiagram.model = model;
GraphLinksModel允许您在节点之间拥有任意数量的链接,朝向任何方向。可能有十个链路从A到B运行,另外三个从B到A运行相反的方式。
TreeModel的工作方式略有