Vue BarGauge - Tooltip

Configures tooltips.

import { DxBarGaugeTypes } from "devextreme-vue/bar-gauge"

contentTemplate

Specifies a custom template for a tooltip.

Type:

Template Data:

Name	Type	Description
index	Number	The index of the bar being pressed or hovered over. 0 for the bar closest to the gauge's center, 1 for the bar over it, etc.
value	Number	The raw value.
valueText	String	The formatted value converted to a string.

Name

Type

Description

index

The index of the bar being pressed or hovered over. 0 for the bar closest to the gauge's center, 1 for the bar over it, etc.

value

The raw value.

valueText

The formatted value converted to a string.

Default Name: undefined

Allows you to change tooltip appearance.

Type:

Function parameters:

scaleValue:

Information on the bar value.

Object structure:

Name	Type	Description
index	Number	A zero-based index of the hovered bar. The closer this bar is to the gauge's center, the greater its index.
value	Number	The raw value.
valueText	String	The formatted value converted to a string.