Canvas Alternating Background and Major Gridlines

#1

I was wondering if the following is possible with regard to the canvas background:

  • Can I change the vertical major grid lines to be every 7th grid line instead of the default 5?
  • Can I change the horizontal major grid lines to be normal?
  • Can I have the background between grid lines alternate color?

If these are possible, I can’t find any documentation on this, so could you help me out here?

#2

I think you can implement all of those choices. Please read about Grid Patterns, https://gojs.net/latest/intro/grids.html

#3

Thank you!

#4

One more follow up question. I now have the following:

image
image.png1323×223 21.8 KB

If you notice, the Sunday and Monday grid colors are darker. This is what I want but I want Saturday and Sunday to be darker instead. I specified an interval of 7 but what I need it to do is start with -1 then begin the interval of 7. I tried graduatedStart: -25 hoping that would work but it didn’t. Is this possible?

ganttChart.grid =
$(go.Panel, "Grid",
  {
    name: "GRID",
    visible: false,
    gridCellSize: new go.Size(25, 25.143),
    gridOrigin: new go.Point(0, 0),
    },
    $(go.Shape, "BarH", { fill: oddRowColor, interval: 1, height: 25.143 }),
    $(go.Shape, "BarH", { fill: evenRowColor, interval: 2,  height: 25.143 }),
    $(go.Shape, "LineH", { stroke: strokeColor, strokeWidth: 0.5, interval: 1 }),
    $(go.Shape, "LineV", { stroke: strokeColor, strokeWidth: 0.5, interval: 1 }),
    $(go.Shape, "LineV", { stroke: strokeColor, strokeWidth: 1.0, interval: 7 }),
    $(go.Shape, "BarV", { fill: weekendColor, interval: 7, width: 50 })
);
#5

Nevermind! I figured it out by changing the gridOrigin to new go.Point(-25, 0).