Problem on displaying plenty of node

GoJS
1

Hi,
I’ve use GoJS in my project to display some function like TaskFlow,it work well.

But when the TaskNode become plenty,nodes become very small and the descriptions then too small hard to recognize.It’s anyone can help how to fix it.

2

Have you set Diagram.autoScale? If so, don’t.

3

Thanks ,I’ll try.

4

[QUOTE=walter]Have you set Diagram.autoScale? If so, don’t.
[/quote]

I has set the autoScale,but it doesn’t work.I don’t know whether I has set the property right.
Walter can you tell me how to se Diagram.autoScale,thanks a lot.
My codes…

function init() {
//if (window.goSamples) goSamples(); // init for these samples – you don’t need to call this
var $ = go.GraphObject.make; // for conciseness in defining templates
myDiagram =
$(go.Diagram, “myDiagram”, // must be the ID or reference to div
{
initialAutoScale: go.Diagram.UniformToFill,
layout: $(go.LayeredDigraphLayout)
// other Layout properties are set by the layout function, defined below
});
// define the Node template
myDiagram.nodeTemplate =
<span =“Apple-tab-span” style=“white-space:pre”> $(go.Node, “Horizontal”,
<span =“Apple-tab-span” style=“white-space:pre”> { selectionChanged: nodeSelectionChanged }, // this event handler is defined below
<span =“Apple-tab-span” style=“white-space:pre”> $(go.Panel, “Auto”,
<span =“Apple-tab-span” style=“white-space:pre”> $(go.Shape,“Rectangle”,
<span =“Apple-tab-span” style=“white-space:pre”> <span =“Apple-tab-span” style=“white-space:pre”> { stroke: “blue” },
<span =“Apple-tab-span” style=“white-space:pre”> new go.Binding(“fill”, “color”)),
<span =“Apple-tab-span” style=“white-space:pre”> $(go.TextBlock,
<span =“Apple-tab-span” style=“white-space:pre”> { font: “bold 15px Helvetica, bold Arial, sans-serif”,
<span =“Apple-tab-span” style=“white-space:pre”> stroke: “white”, margin: 15 },
<span =“Apple-tab-span” style=“white-space:pre”> new go.Binding(“text”, “name”))
<span =“Apple-tab-span” style=“white-space:pre”> )
<span =“Apple-tab-span” style=“white-space:pre”> //$(“TreeExpanderButton”)
<span =“Apple-tab-span” style=“white-space:pre”> );
//set auto scale
go.Diagram.autoScale;
//myDiagram.autoScale;
// define the Link template to be minimal
myDiagram.linkTemplate =
$(go.Link,
{ selectable: false },
$(go.Shape));
// generate a tree with the default values
var nodeArray = eval(‘(’ + ‘${json}’ + “)”) ;
var linkArray = eval(‘(’ + ‘${link}’ + “)”) ;
myDiagram.model.nodeDataArray = nodeArray;
myDiagram.model.linkDataArray = linkArray;
layout();
}

5

Do not set either Diagram.autoScale or Diagram.initialAutoScale.

6

[QUOTE=walter]Do not set either Diagram.autoScale or Diagram.initialAutoScale.
[/quote]

It works,thanks walter.Thumbs Up