Dotted Graph gridlines

[abhi2434]

Hi,

While creating the gridlines, I have been drawing the gridlines in such a way so that it looks nice. To do that I have used to following code :

this.graph.grid =
this.diagram(go.Panel, “Grid”,
{ gridCellSize: new go.Size(10, 10) },
this.diagram(go.Shape, “LineH”, { interval: 1, strokeDashArray: [1, 4] }),
this.diagram(go.Shape, “LineV”, { interval: 1, strokeDashArray: [1, 4] })
);

The output of the code is :

But as per our designer, they wanted to have a grid like this :

Any idea what I am missing here.

Thank you for your help.

[walter]

      $(go.Diagram, . . .,
          {
            grid:
                $(go.Panel, "Grid",
                    { gridCellSize: new go.Size(10, 10) },
                    $(go.Shape, "LineH", { strokeDashArray: [1, 9] })
                ),
            . . .

or perhaps:

  $(go.Shape, "LineH", { strokeDashArray: [0.5, 9.5], strokeWidth: 0.5 })

Results: or

[abhi2434]

Thank you walter, this solves the issue.