Value Point Option

Draws a number of symbols representing value points of a single value set in a line chart.

Attributes

  • valueSetIndex
    • Defines which value set has to be represented.

Options

  • type
    • Defines the shape of the value points.
    • Available shapes: circle | square | triangle | diamond.
    • default: circle
  • style
    • Defines the style used for the value points.
    • Available styles: plain | beveled | 3D
    • default: plain
  • shadow
    • Activates shadows behind the value points.
    • Accepted values: true | false
    • default: false
  • size
    • Size of value points in pixels.
    • Accepted values: Size as number in pixels, or proportion of chart size (e.g. 5 or 0.1 * $chartWidth). (For a full list of available chart constants, see list of chart constants.)
    • default: 11
  • donutSize (only works in combination with circle shaped value points)
    • Defines holes at the center of circle value points.
    • Accepted values: Size as number in pixels, or proportion of parent element (e.g. 5 or 0.3 * $w). (For a full list of available chart constants, see list of chart constants.)
    • default: deactivated
  • donutColor (only works in combination with circle shaped value points)
    • Fills the donut holes with a color when donutSize is defined. Leave it empty for transparent donut holes.
    • 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

Example

<valuePoint valueSetIndex="1">
   <style>beveled</style>
   <type>circle</type>
</valuePoint>
<valuePoint valueSetIndex="2">  
   <style>beveled</style>
   <type>diamond</type>
</valuePoint>

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