Search results

CircularGaugeModel API in React Circular Gauge API component

Interface for a class CircularGauge

Properties

animationComplete

EmitType<IAnimationCompleteEventArgs>

Triggers after the animation gets completed for pointers.

annotationRender

EmitType<IAnnotationRenderEventArgs>

Triggers before each annotation for the circular gauge gets rendered.

axisLabelRender

EmitType<IAxisLabelRenderEventArgs>

Triggers before each axis label gets rendered.

beforePrint

EmitType<IPrintEventArgs>

Triggers before the prints gets started.

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.

legendRender

EmitType<ILegendRenderEventArgs>

Triggers before each legend for the circular gauge gets rendered.

load

EmitType<ILoadedEventArgs>

Triggers before the circular gauge gets loaded.

loaded

EmitType<ILoadedEventArgs>

Triggers after the circular gauge gets loaded.

radiusCalculate

EmitType<IRadiusCalculateEventArgs>

Triggers before the radius for the circular gauge gets calculated.

resized

EmitType<IResizeEventArgs>

Triggers after window resize.

tooltipRender

EmitType<ITooltipRenderEventArgs>

Triggers before the tooltip for pointer of the circular gauge gets rendered.

allowImageExport

boolean

Enables and disables the export to image functionality in circular gauge.

allowPdfExport

boolean

Enables and disables the export to pdf functionality in circular gauge.

allowPrint

boolean

Enables and disables the print functionality in circular gauge.

axes

AxisModel[]

Sets and gets the options for customizing the axes of circular gauge.

background

string

Sets and gets the background color of the gauge. This property accepts value in hex code, rgba string as a valid CSS color string.

border

BorderModel

Sets and gets the options for customizing the color and width of the gauge border.

centerX

string

Sets and gets the X coordinate of the circular gauge.

centerY

string

Sets and gets the Y coordinate of the circular gauge.

description

string

Sets and gets the information about gauge for assistive technology.

enablePersistence

boolean

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

enablePointerDrag

boolean

Enables and disables drag movement of the pointer in the circular gauge.

enableRangeDrag

boolean

Enables and disables the drag movement of the ranges in the circular gauge.

enableRtl

boolean

Enable or disable rendering component in right to left direction.

height

string

Sets and gets 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.

legendSettings

LegendSettingsModel

Sets and gets the options for customizing the legend of the circular gauge.

locale

string

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

margin

MarginModel

Sets and gets the options to customize the left, right, top and bottom margins of the circular gauge.

moveToCenter

boolean

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

tabIndex

number

Sets and gets the tab index value for the circular gauge.

theme

string

Sets and gets the themes supported for circular gauge.

title

string

Sets and gets the title for circular gauge.

titleStyle

FontModel

Sets and gets the options for customizing the title for circular gauge.

tooltip

TooltipSettingsModel

Sets and gets the options for customizing the tooltip of gauge.

useGroupingSeparator

boolean

Enables and disables the grouping separator should be used for a number.

width

string

Sets and gets 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.