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 } with
  haxis by T.X { gridlines: "dotted" }
  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 } with
  haxis by T.X { gridlines: "dotted" }
  plot by T.X
    same(T.Y)

// Example: linechart > haxis
table Day[Date] = 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
  Day.StockOnHand
  Day.StockOnOrder

// Example: linechart > vaxis
table Day[Date] = 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
  Day.StockOnHand
  Day.StockOnOrder

User Contributed Notes

0 notes + add a note