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

我想创建一个有向无环图，如图2所示。我正在使用go.js基本图表。但在设置了nodedataarray和LinkDataArray之后，它的输出如图1所示。要生成图2中的图形，我需要做两件事

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

二,。设置组模板的级别位置

我读了网站上的例子，但我找不到办法。请帮我解决以上两个问题

图1 图2 我想您希望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, . . .)
    )
);