GoJS教程:各种模型

下载GoJS最新版本

各种模型

使用自定义节点模板,我们的图表变得非常美观,但也许我们想要展示更多。也许我们想要一张组织结构图来表明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的工作方式略有

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值