TooltipSettings API in JavaScript (ES5) Linear Gauge API control

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. Use “{value}” as a placeholder text to display the corresponding pointer value of in the tooltip.

Defaults to null

position

TooltipPosition

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.

showAtMousePosition

boolean

Enables and disables to show the tooltip of the pointer at mouse position. When set as false which is the default value, the tooltip will be displayed over the axis line.

Defaults to false

template

string

Sets and gets the custom template to format the tooltip content.

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 and pointer.

Defaults to Pointer