Navigation :

StyleCode Property: gridlines v2

🚧 Work in progress — This documents the redesigned dashboard layout system, which is still under active development and subject to change. It is not compatible with the older v1 dashboard tile system.

gridlines

Specifies the mode for the “gridlines” in the background of the chart.

Applies to	Type	Default
`chart > haxis` `chart > vaxis` `chart > haxis` `linechart > haxis` `linechart > vaxis`	`auto`, `rectangle`, `line`, `dashed`, `dotted`, `none`	`auto`

Examples

// Example: chart > haxis
table T = extend.range(5)
T.X = T.N
T.Y = T.N * 2

show chart "My Chart" { 1..6, 1..6 ; haxis { gridlines: "dotted" } } with
  haxis by T.X
  plot by T.X
    same(T.Y)

// Example: chart > vaxis
table T = extend.range(5)
T.X = T.N
T.Y = T.N * 2

show chart "My Chart" { 1..6, 1..6 ; vaxis { gridlines: "dotted" } } with
  haxis by T.X
  plot by T.X
    same(T.Y)

// Example: chart > haxis
table T = extend.range(5)
T.X = T.N
T.Y = T.N * 2

show chart "My Chart" { 1..6, 1..6 ; haxis { gridlines: "dotted" } } with
  haxis by T.X
  plot by T.X
    same(T.Y)

// Example: linechart > haxis
table T = with
  [| as Date, as StockOnHand, as StockOnOrder |]
  [| date(2023,01,15), 15,10 |]
  [| date(2023,01,16), 5, 2 |]
  [| date(2023,01,17), 12, 4 |]
  [| date(2023,01,18), 13, 7 |]

show linechart "My Line Chart" { 1..4, 1..6 ; haxis { gridlines: "dotted" } } with
  sum(T.StockOnHand)
  sum(T.StockOnOrder)
  group by T.Date

// Example: linechart > vaxis
table T = with
  [| as Date, as StockOnHand, as StockOnOrder |]
  [| date(2023,01,15), 15,10 |]
  [| date(2023,01,16), 5, 2 |]
  [| date(2023,01,17), 12, 4 |]
  [| date(2023,01,18), 13, 7 |]

show linechart "My Line Chart" { 1..4, 1..6 ; vaxis { gridlines: "dotted" } } with
  sum(T.StockOnHand)
  sum(T.StockOnOrder)
  group by T.Date