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 optimize the color and width of the border for pointers.

color

string

Sets and gets the color of the pointer.

description

string

Sets and gets the description for the pointer.

Defaults to null

enableDrag

boolean

Enables or disables the drag movement of pointer.

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 chosen 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

string

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

string

Sets and gets the place of the pointer.

Defaults to Far

position

string

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

type

string

Sets and gets the type of pointer in axis.

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