Search results

CircularGaugeModel

Interface for a class CircularGauge

Properties

animationComplete

EmitType<IAnimationCompleteEventArgs>

Triggers after animation gets completed for pointers.

annotationRender

EmitType<IAnnotationRenderEventArgs>

Triggers before each annotation gets rendered.

axisLabelRender

EmitType<IAxisLabelRenderEventArgs>

Triggers before each axis label gets rendered.

dragEnd

EmitType<IPointerDragEventArgs>

Triggers after the pointer is dragged.

dragMove

EmitType<IPointerDragEventArgs>

Triggers while dragging the pointers.

dragStart

EmitType<IPointerDragEventArgs>

Triggers before the pointer is dragged.

gaugeMouseDown

EmitType<IMouseEventArgs>

Triggers on mouse down.

gaugeMouseLeave

EmitType<IMouseEventArgs>

Triggers while cursor leaves the circular gauge.

gaugeMouseMove

EmitType<IMouseEventArgs>

Triggers on hovering the circular gauge.

gaugeMouseUp

EmitType<IMouseEventArgs>

Triggers on mouse up.

load

EmitType<ILoadedEventArgs>

Triggers before gauge load.

loaded

EmitType<ILoadedEventArgs>

Triggers after gauge loaded.

resized

EmitType<IResizeEventArgs>

Triggers after window resize.

tooltipRender

EmitType<ITooltipRenderEventArgs>

Triggers before the tooltip for pointer gets rendered.

axes

AxisModel[]

Options for customizing the axes of gauge

background

string

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

border

BorderModel

Options for customizing the color and width of the gauge border.

centerX

string

X coordinate of the circular gauge center point, which takes values either in pixels or in percentage.

centerY

string

Y coordinate of the circular gauge center point, which takes values either in pixels or in percentage.

description

string

Information about gauge for assistive technology.

enablePersistence

boolean

Enable or disable persisting component’s state between page reloads.

enablePointerDrag

boolean

If set true, pointers can able to drag on interaction.

enableRtl

boolean

Enable or disable rendering component in right to left direction.

height

string

The height of the circular gauge as a string in order to provide input as both like ‘100px’ or ‘100%‘. If specified as ‘100%, gauge will render to the full height of its parent element.

locale

string

Overrides the global culture and localization value for this component. Default global culture is ‘en-US’.

margin

MarginModel

Options to customize the left, right, top and bottom margins of the gauge.

moveToCenter

boolean

To place the half or quarter circle in center position, if values not specified for centerX and centerY.

tabIndex

number

TabIndex value for the gauge.

theme

string

Specifies the theme for circular gauge.

  • Material - Gauge render with material theme.
  • Fabric - Gauge render with fabric theme.

title

string

Title for gauge

titleStyle

FontModel

Options for customizing the title of Gauge.

tooltip

TooltipSettingsModel

Options for customizing the tooltip of gauge.

useGroupingSeparator

boolean

Specifies whether a grouping separator should be used for a number.

width

string

The width of the circular gauge as a string in order to provide input as both like ‘100px’ or ‘100%‘. If specified as ‘100%, gauge will render to the full width of its parent element.