RangeTooltip API in Vue Linear Gauge API component

Sets and gets the options to customize the tooltip for range in axis.

Properties

border

BorderModel

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

enableAnimation

boolean

Enables or disables the animation for the range tooltip when moved from one place to another.

Defaults to true

fill

string

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

Defaults to null

format

string

Sets and gets the format for the tooltip content of the range. Use “{start}” and “{end}” as a placeholder text to display the corresponding start and end value of the range in the tooltip.

Defaults to null

position

TooltipPosition

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

Defaults to End

showAtMousePosition

boolean

Enables and disables to show the tooltip of the range 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 tooltip text of range in axis.