Angular BarGauge - Tooltip

Configures tooltips.

import { DxBarGaugeTypes } from "devextreme-angular/ui/bar-gauge"

contentTemplate

Specifies a custom template for a tooltip.

Type:

template

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.

Default Name: undefined

customizeTooltip

Allows you to change tooltip appearance.

Type:

Function

Function parameters:
scaleValue:

Object

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.

Return Value:

Object

The tooltip's text or markup and color.

Default Value: undefined

interactive

Type:

Boolean

Default Value: false