TooltipSettings API in Vue Linear Gauge API component

Sets and gets the options for customizing the tooltip in linear gauge.

Properties

border

BorderModel

Sets and gets the options to customize the border for tooltip.

enable

boolean

Enables or disables the visibility of tooltip.

Defaults to false

enableAnimation

boolean

Enables or disables the animation for the tooltip while moving from one place to another.

Defaults to true

fill

string

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

format

string

Sets and gets the format of the tooltip content in linear gauge.

Defaults to null

position

string

Sets and gets the position type to place the tooltip in the axis.

Defaults to End

rangeSettings

RangeTooltipModel

Sets and gets the options to customize the range tooltip property.

showAtMousePosition

boolean

Enables or disables the options to show the tooltip position on mouse pointer.

Defaults to false

template

string

Sets and gets the custom template to format the tooltip content. Use ${x} and ${y} as a placeholder text to display the corresponding data point.

Defaults to null

textStyle

FontModel

Sets and gets the options to customize the text in tooltip.

type

string[]

Sets and gets the option to display the tooltip for range, annotation, pointer.

Defaults to Pointer