Spacing between chart nodes


#1

Please refer to below screenshot:

Is it possible to adjust the spacing for the two boxes? For now, they are too far away between each other.

Thanks advance for any help.


#2

Are you using TreeLayout? If so, do you notice a difference if you increase the TreeLayout.layerSpacing? https://gojs.net/latest/api/symbols/TreeLayout.html#layerSpacing


#3

Hi walter,

Thank you very much for the reply. I have tried the layerSpacing, but it didn;t work.


#4

I just tried a quick sample, but I was unable to reproduce the problem:

  $(go.Diagram, . . ., 
    { . . .,
      layout: $(go.TreeLayout, { angle: 90, layerSpacing: 20 })
    })

The node template shouldn’t matter. All I set on the link template was { routing: go.Link.Orthogonal, corner: 10 }.

    myDiagram.model = new go.GraphLinksModel(
    [
      { key: 1, text: "Alpha", color: "lightblue" },
      { key: 2, text: "Beta", color: "orange" },
      { key: 3, text: "Gamma", color: "lightgreen" },
      { key: 4, text: "Delta", color: "pink" },
      { key: 31, text: "asdfasdf" },
      { key: 32, text: "asdfasdf" },
      { key: 33, text: "asdfasdf" },
      { key: 34, text: "asdfasdf" },
      { key: 35, text: "asdfasdf" },
      { key: 36, text: "asdfasdf" },
      { key: 37, text: "asdfasdf" },
      { key: 38, text: "asdfasdf" },
    ],
    [
      { from: 1, to: 2 },
      { from: 1, to: 3 },
      { from: 1, to: 4 },
      { from: 3, to: 31 },
      { from: 3, to: 32 },
      { from: 3, to: 33 },
      { from: 3, to: 34 },
      { from: 3, to: 35 },
      { from: 3, to: 36 },
      { from: 3, to: 37 },
      { from: 3, to: 38 },
    ]);

So, how I can reproduce the problem?