如何編輯基本圖表的go.js組模板？

Question

我想創建如圖2所示的有向無環圖。我正在使用go.js基本圖表 。 但是在設置了nodedataarray和linkdatarray ，它的輸出如圖像1所示。要在圖像2中生成圖形，我希望做兩件事。

1.在組模板中水平顯示節點模板。

2.設置組模板的級別（位置）。

我閱讀了網站上給出的示例，但找不到方法。 請幫助我解決以上兩個問題。

---

圖片1

圖片2

Answer 1

我想你想的Diagram.layout成為LayeredDigraphLayout和Group.layout是一個網格布局 。

該圖可以設置為：

  $(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, . . .)
    )
);