Как редактировать шаблоны групповых диаграмм 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, . . .)
    )
);