Axis API in JavaScript Circular Gauge API control

Configures an axis in a gauge.

Properties

annotations

AnnotationModel[]

‘Annotation’ module is used to handle annotation action for an axis.

background

string

The background color of the axis, which accepts value in hex, rgba as a valid CSS color string.

Defaults to null

direction

string

Specifies the direction of an axis. They are

• clockWise - Renders the axis in clock wise direction.
• antiClockWise - Renders the axis in anti-clock wise direction.

Defaults to ClockWise

endAngle

number

The end angle of an axis

Defaults to 160

hideIntersectingLabel

boolean

Specifies to hide the intersecting axis labels

Defaults to false

labelStyle

LabelModel

Options to customize the axis label.

lineStyle

LineModel

Options for customizing the axis lines.

majorTicks

TickModel

Options for customizing the major tick lines.

Defaults to { width: 2, height: 10 }

maximum

number

Specifies the maximum value of an axis.

Defaults to null

minimum

number

Specifies the minimum value of an axis.

Defaults to null

minorTicks

TickModel

Options for customizing the minor tick lines.

Defaults to { width: 2, height: 5 }

pointers

PointerModel[]

Options for customizing the pointers of an axis

radius

string

Radius of an axis in pixels or in percentage.

Defaults to null

rangeGap

number

Specifies the range gap property by pixel value.

Defaults to null

ranges

RangeModel[]

Options for customizing the ranges of an axis

roundingPlaces

number

Specifies the rounding Off value in the label

Defaults to null

showLastLabel

boolean

Specifies the last label to be shown

Defaults to false

startAndEndRangeGap

boolean

Specifies the start and end range gap.

Defaults to false

startAngle

number

The start angle of an axis

Defaults to 200