如何编辑基本图表的go.js组模板？

Question

我想创建如图2所示的有向无环图。我正在使用 go.js基本图表。但是在设置nodedataarray和linkdatarray之后，它的输出与图像1相同。要在图像2中生成图形，我希望做两件事。

1。在组模板中水平显示节点模板。

2。设置组模板的级别（位置）。

我阅读了网站上给出的示例，但找不到方法。请帮助我解决以上两个问题。

---

图片1

图片2

Answer 1

我认为您希望 Diagram.layout 是 LayeredDigraphLayout ，而 Group.layout 是 GridLayout 。

图可以通过以下方式设置：

  $(go.Diagram, "myDiagramDiv",element
    {
      layout:
        $(go.LayeredDigraphLayout,
          { direction: 90, layerSpacing: 50 }),
      . . .
    });

组模板可能类似于：

$(go.Group, go.Panel.Vertical,
    {
      layout: $(go.GridLayout, { wrappingColumn: 4 }),
      . . .
    },
    $(go.TextBlock, . . .),
    $(go.Panel, "Auto",
      $(go.Shape, . . .),
      $(go.Placeholder, . . .)
    )
);