Horizontal Grid Line Option / Vertical Grid Line Option

Draws horizontal/vertical grid lines or sub-grid lines within the chart

Attributes

  • displayLine
    • enables/disables drawing of (sub-)grid lines
    • Accepted values: true | false
    • default: true
  • color
    • color of (sub-)grid lines (if enabled)
    • Accepted values: color hex code (e.g. #87CEFA ), RGBA code (e.g rgba(135,205,250,1) ) or CSS color name (e.g. $LIGHTSKYBLUE )
    • default: $BLACK
  • reliefColor
    • Color of a relief effect or a shadow for the (sub-)grid lines. This is a single line 1px below / to the right of the (sub-)grid lines which is only drawn when the color is set.
    • Accepted values: color hex code (e.g. #87CEFA ), RGBA code (e.g rgba(135,205,250,1) ) or CSS color name (e.g. $LIGHTSKYBLUE )
    • default: deactivated
  • zeroLineColor
    • Here you can set a particular color to emphasize the zero line. If no color is set, the zero line will be drawn as a regular grid line.
    • Accepted values: color hex code (e.g. #87CEFA ), RGBA code (e.g rgba(135,205,250,1) ) or CSS color name (e.g. $LIGHTSKYBLUE )
    • default: deactivated
  • subtick
    • ChartOption for sub-grid lines (dividing the area between grid lines)
    • Available attributes: subtick has the same attributes as GridLines (displayLine, color, reliefColor, zeroLineColor) except the subtick attribute itself.

Example

<horizontalGridLine>
   <color>$BLUE</color>
   <subtick>
      <displayLine>true</displayLine>
      <color>$LIGHTSKYBLUE</color>
   </subtick>
</horizontalGridLine>

<verticalGridLine>
   <color>$BLUE</color>
</verticalGridLine>

All elements not affected by the grid line option have been grayed out.