Search results

CircularGaugeComponent

Circular Gauge Component

<ej-circulargauge></ej-circulargauge>

Properties

annotationsModule

Annotations

annotationModule is used to add annotation in gauge.

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.

Defaults to ‘transparent’

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.

Defaults to null

centerY

string

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

Defaults to null

description

string

Information about gauge for assistive technology.

Defaults to null

enablePersistence

boolean

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

Defaults to false

enablePointerDrag

boolean

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

Defaults to false

enableRtl

boolean

Enable or disable rendering component in right to left direction.

Defaults to false

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.

Defaults to null

locale

string

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

Defaults to undefined

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.

Defaults to false

tabIndex

number

TabIndex value for the gauge.

Defaults to 1

theme

string

Specifies the theme for circular gauge.

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

Defaults to Material

title

string

Title for gauge

Defaults to

titleStyle

FontModel

Options for customizing the title of Gauge.

tooltip

TooltipSettingsModel

Options for customizing the tooltip of gauge.

tooltipModule

GaugeTooltip

tooltipModule is used to show the tooltip to the circular gauge..

useGroupingSeparator

boolean

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

Defaults to false

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.

Defaults to null

Methods

destroy

To destroy the widget

Returns void

setAnnotationValue

Method to set the annotation content dynamically for circular gauge.

Returns void

setPointerValue

Method to set the pointer value dynamically for circular gauge.

Returns void

setRangeValue

Method to set the range values dynamically for circular gauge.

Returns void

Events

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.