Pointer API in Vue Linear Gauge API component

Sets and gets the options for customizing the pointers of an axis in linear gauge.

Properties

animationDuration

number

Sets and gets the duration of animation in pointer.

Defaults to 0

border

BorderModel

Sets and gets the options to customize the style properties of the border for pointers.

color

string

Sets and gets the color of the pointer.

Defaults to null

description

string

Sets and gets the description for the pointer.

Defaults to null

enableDrag

boolean

Enables or disables the drag movement of pointer to update the pointer value.

Defaults to false

height

number

Sets and gets the height of the pointer.

Defaults to 20

imageUrl

string

Sets and gets the URL path for the image in marker when the marker type is set as image.

Defaults to null

linearGradient

LinearGradientModel

Sets and gets the properties to render a linear gradient for the pointer. If both linear and radial gradient is set, then the linear gradient will be rendered in the pointer.

Defaults to null

markerType

MarkerType

Sets and gets the type of the marker for pointers in axis.

Defaults to InvertedTriangle

offset

number | string

Sets and gets the value to position the pointer from the axis.

Defaults to ‘0’

opacity

number

Sets and gets the opacity of pointer in linear gauge.

Defaults to 1

placement

Placement

Sets and gets the place of the pointer.

Defaults to Far

position

Position

Sets and gets the position of the pointer.

Defaults to Auto

radialGradient

RadialGradientModel

Sets and gets the properties to render a radial gradient for the pointer.

Defaults to null

roundedCornerRadius

number

Sets and gets the corner radius for pointer.

Defaults to 10

text

string

Specifies the text that will be displayed as the pointer in Linear Gauge. To display the text pointer, the markerType property must be set to Text.

Defaults to ”

textStyle

TextStyleModel

Defines the font properties such as font-size, font family and others for the text pointer.

type

Point

Sets and gets the type of pointer in axis. There are two types of pointers: Marker and Bar.

Defaults to Marker

value

number

Sets and gets the value of the pointer in axis.

Defaults to null

width

number

Sets and gets the width of the pointer.

Defaults to 20