New to KendoReactStart a free 30-day trial

Represents the props of the KendoReact ChartSeriesDefaultsItemTooltip component.

Definition

Package:@progress/kendo-react-charts

Properties

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

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 tooltip font.

format?

string

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

The available format placeholders are:

  • Area, Bar, Column, Funnel, Line, and Pie: {0} - value.
  • Bubble: {0} - x value{1} - y value{2} - size value{3} - category name.
  • Scatter and Scatter Line: {0} - x value, {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.

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

A function that can be used to create a custom tooltip template.

The function accepts a TooltipContext object as an argument and should return a React element that represents the custom tooltip content.

Parameters:propsTooltipContextReturns:

ReactNode

visible?

boolean

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