Search results

LinearGaugeComponent

Represents Vuejs Linear Gauge Component

<ejs-lineargauge></ejs-lineargauge>

Properties

annotations

AnnotationModel[]

Options for customizing the annotation of linear gauge.

annotationsModule

Annotations

annotationModule is used to place the any text or images into the gauge.

axes

AxisModel[]

Options for customizing the axes of linear 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.

container

ContainerModel

Options for customizing the container linear gauge.

description

string

Specifies the description for linear gauge.

Defaults to null

enablePersistence

boolean

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

Defaults to false

enableRtl

boolean

Enable or disable rendering component in right to left direction.

Defaults to false

format

string

To apply internationalization for gauge

Defaults to null

height

string

The height of the Linear 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.

orientation

string

Specifies the gauge will rendered either horizontal or vertical orientation.

Defaults to Vertical

rangePalettes

string[]

Specifies color palette for axis ranges.

Defaults to []

tabIndex

number

TabIndex value for the gauge.

Defaults to 1

theme

string

Specifies the theme for the maps.

Defaults to Material

title

string

Specifies the title for linear gauge.

titleStyle

FontModel

Options for customizing the title appearance of linear gauge.

tooltip

TooltipSettingsModel

Options for customizing the tooltip in linear gauge.

tooltipModule

GaugeTooltip

tooltipModule is used to display the pointer value.

useGroupingSeparator

boolean

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

Defaults to false

width

string

The width of the Linear 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 gauge element from the DOM.

Returns void

getModuleName

Get component name

Returns string

setAnnotationValue

To set the annotation value using this method.

Returns void

setPointerValue

To set the pointer value using this method

Returns void

Events

animationComplete

EmitType<IAnimationCompleteEventArgs>

Triggers after complete the animation for pointer.

annotationRender

EmitType<IAnnotationRenderEventArgs>

Triggers before each annotation gets rendered.

axisLabelRender

EmitType<IAxisLabelRenderEventArgs>

Triggers before each axis label gets rendered.

gaugeMouseDown

EmitType<IMouseEventArgs>

Triggers when mouse down on gauge area.

gaugeMouseLeave

EmitType<IMouseEventArgs>

Triggers when mouse leave from the gauge area .

gaugeMouseMove

EmitType<IMouseEventArgs>

Triggers when mouse move on gauge area.

gaugeMouseUp

EmitType<IMouseEventArgs>

Triggers when mouse up on gauge area.

load

EmitType<ILoadEventArgs>

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 get rendered.

valueChange

EmitType<IValueChangeEventArgs>

Triggers while drag the pointer.