如何编辑基本图表的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 }),
      . . .
    });

Group 模板可能类似于：

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