New to Kendo UI for Vue? Start a free 30-day trial

ChartSeriesItemTooltipProps

Represents the props of the Kendo UI for Vue ChartSeriesItemTooltip component (see example).

NameTypeDefaultDescription

background?

string

The background color of the tooltip. Accepts a valid CSS color string, including hex and rgb.

border?

Border

The border configuration options.

color?

string

The text color of the tooltip. Accepts a valid CSS color string, including hex and rgb.

font?

string

The font of the tooltip.

format?

string

The format of the labels. Uses the format method of IntlService.

The available format placeholders are:

  • Area, Bar, Column, Line, Funnel, Pyramid, Pie, radarArea, radarColumn and radarLine: {0} - value.
  • Bubble: {0} - x value, {1} - y value, {2} - size value, {3} - category name.
  • Scatter, scatterLine: {0} - x value, {1} - y value.
  • PolarArea, polarLine and polarScatterL: {0} - x value (degrees), {1} - y value.
  • Candlestick and OHLC: {0} - open value, {1} - high value, {2} - low value, {3} - close value, {4} - category name.
  • RangeArea, rangeBar, rangeColumn: {0} - from value, {1} - to value.

padding?

number | Padding

The padding of the tooltip. A numeric value sets all paddings.

render?

string | object | Function

visible?

boolean

If set to true, the Chart displays the series tooltip. By default, the series tooltip is not displayed.