TooltipSettingsModel API in Vue Linear Gauge API component

Interface for a class TooltipSettings

Properties

border

BorderModel

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

enable

boolean

Enables or disables the visibility of tooltip.

enableAnimation

boolean

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

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.

position

string

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

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.

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.

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.