Value Line

Draws a line representing a value set in a line chart

Attributes

  • style
    • Style of the line
    • Available styles: plain | 3d | beveled
    • default: plain
  • color
    • color of the line. If no color is set, default “VALUE_SET_COLOR” variables from a color scheme will be used.
    • 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
  • outlineColor (only visible when using plain style)
    • Outer color of the line. Can be used to increase contrast between value line and background.
    • 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
  • shadowColor
    • Color of the shadow below the value 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
  • areaColor
    • When set to a color, the area below the value line will be filled with this color. Leave it empty to deactivate the area fill.
    • 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
  • gradientColor
    • Starting color of a gradient filling the area below a value line. This gradient starts with gradientColor at the highest point of the value line and gets more and more transparent until it reaches an opacity of 0 at the axis. leave it empty to deactivate the area fill.
    • 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
  • hideLine
    • hides the value line. Use this to display only the value points or only the area below the value line.
    • Accepted Values: true| false
    • default: false
  • lineWidth
    • Width of the value line in pixels.
    • Accepted values: Size as number in pixels, or proportion of chart size (e.g. 5 or 0.01*$chartWidth). (For a full list of available chart constants, see list of chart constants.)
    • default: 3
  • outlineWidth (only visible when using plain style)
    • Width of the outer value line. Should have a higher value than lineWidth to make the outer line visible.
    • Accepted values: Size as number in pixels, or proportion of chart size (e.g. 5 or 0.01*$chartWidth). (For a full list of available chart constants, see list of chart constants.)
    • default: deactivated.

Example

<valueLine valueSetIndex="1">
   <style>beveled</style>
   <lineWidth>7</lineWidth>
   <color>$SKYBLUE</color>
   <shadowColor>$SLATEGRAY</shadowColor>
   <gradientColor>$POWDERBLUE</gradientColor>
</valueLine>
    
<valueLine valueSetIndex="2">
   <style>beveled</style>
   <lineWidth>7</lineWidth>
   <color>$ORANGE</color>
   <shadowColor>#917136</shadowColor>
   <gradientColor>$NAVAJOWHITE</gradientColor>
</valueLine>

All elements not affected by Value Line Option have been grayed out.