Axis Option

Draws an axis and/or a background for the axis labels.

Attributes:

  • size
    • Width of the background of a vertical axis / height of the background of a horizontal axis
    • 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: 0.15 * $chartWidth for vertical axis / 0.15 * $chartHeight for horizontal axis
  • position
    • Selects a specific axis to which this chart option applies. If this value is null all axes are affected (default).
    • Accepted values: top, right, bottom, left.
    • default: null
  • displayLine
    • Enables/disables drawing of an axis line. Set this to “false” if you only need a background for axis labels.
    • Accepted values: true, false.
    • default: true
  • color
    • Color of axis line and pointer.
    • 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 axis line and pointer. This is a single line 1px below / to the right of the axis 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
  • size
    • Width of the axis 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: 1
  • arrowType
    • Shape of an arrow at the end of the axis line (if it has been activated via layouter).
    • Accepted values: none, simple, triangle.
    • default: simple
  • arrowSize
    • Size of the arrow 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: 5
  • arrowOffset
    • Defines the offset/distance between the arrow and the axis in pixels. When a value is entered, the arrow will be moved away from the axis by the corresponding pixel amount.
    • Accepted values: Distance as absolute number in pixels, or as relative proportion of a chart element (e.g. 0.01 * $chartShorterSide). (For a full list of available chart constants, see list of chart constants.)
    • default: 0
  • displayFirstTick
    • TODO: genaue Funktionsweise ausprobieren, sobalf das Feature läuft
    • Accepted values: true | false
    • default: ausprobieren
  • displayLastTick
    • TODO: genaue Funktionsweise ausprobieren, sobalf das Feature läuft
    • Accepted values: true | false
    • default: ausprobieren

Example:

<axis>
   <color>$BLUE</color>
   <size>70</size>
   <pointerType>triangle</pointerType>
   <pointerSize>10</pointerSize>
</axis>

All elements not affected by AxisOption have been grayed out.

Background styles for AxisOption

Draws a rectangle with background and/or border.

Area attributes:

  • style
    • How the background area is filled.
    • Availiable styles: plain | transparent | style1 | style2 | style3 | style4 | style5 | style6 | style7 | style8
    • default: plain
  • glossyEffect
    • Draws a glossy effect at the top of the background area
    • Available styles: glossyEffect1| glossyEffect2
    • default: glossyEffect1
  • color
    • Color of the background area / Base color of the gradient with which the background is filled.
    • 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: $WHITE
  • paddingTop
    • padding to the top edge of the element
    • 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: 0
  • paddingRight
    • padding to the right edge of the element
    • 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: 0
  • paddingBottom
    • padding to the bottom edge of the element
    • 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: 0
  • paddingLeft
    • Padding to the left edge of the element
    • Accepted values: Size as number in pixels, or proportion of chartsize (e.g. 5 or 0.01*$chartWidth). (For a full list of available chart constants, see list of chart constants.)
    • default: 0
  • padding
    • Generic padding to all edges of the element. Is overwritten by specific “paddingX”-options.
    • 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: 0

Border Attributes:

  • borderRoundness
    • Radius of rounded corners (if >0 )
    • 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: 0
  • shadowColor
    • Color of shadow
    • 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
  • shadowSize
    • Size in pixels: how far shadow overlaps background
    • 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: 5
  • borderWidth
    • Width of the border (does not apply to embossed style)
    • 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: 5
  • borderColor
    • Color of the border / base color of border gradient
    • 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
  • borderStyle
    • Style of the border.
    • Available styles: embossed | bold | glossy | light3d | bright
    • default: embossed