Native Components
    Wrapper Components
      Introduction
    • Barcodes
    • Buttons
    • Charts
    • Chat
    • DataSource
    • Date Inputs
    • Diagram
    • Dialog
    • Dropdowns
    • DropDownTree
    • Editor
    • Gantt
    • Gauges
    • Grid (wrapper)
    • Inputs
    • Layout
    • List Views
    • ListBox
    • Map
    • MediaPlayer
    • PivotGrid
    • Popups
    • Scheduler
    • ScrollView
    • Spreadsheet
    • TreeList
    • TreeMap
    • TreeView
    • Upload
    • Validator
    • Window
    • Framework & Features
    • Globalization
    • Accessibility
    • Troubleshooting
    Styling & Themes
    Common Features
    Changelog

TooltipProps

tooltip-background String

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

tooltip-border-color String

The color of the border.

tooltip-border-width Number

The width (in pixels) of the border. By default, the border width is set to zero which means that the border will not appear.

tooltip-color String

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

tooltip-font String

The tooltip font.

tooltip-format String

The format of the labels. Uses kendo.format.

The supported 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 scatterLine{0}x value{1}y value
  • Candlestick and OHLC{0}open value{1}high value{2}low value{3}close value{4}category name or RangeArea, rangeBar, rangeColumn{0}from value{1}to value

tooltip-opacity Number

The opacity of the tooltip.

tooltip-padding Number

The padding of the tooltip. A numeric value will set all paddings.

tooltip-padding-bottom Number

The bottom padding of the tooltip.

tooltip-padding-left Number

The left padding of the tooltip.

tooltip-padding-right Number

The right padding of the tooltip.

tooltip-padding-top Number

The top padding of the tooltip.

tooltip-shared Boolean

If tooltip-shared is set to true, the Chart will display a single tooltip for every category.

tooltip-shared-template String | Function

The template which renders the shared tooltip.

The template supports the following fields:

  • pointsThe category points.
  • categoryThe category name.

tooltip-template String | Function

The template which renders the tooltip.

The template supports the following fields:

  • categoryThe category name.
  • dataItemThe original data item used to construct the point. Will be null if binding to array.
  • seriesThe data series.
  • valueThe point value. Can be a number or object which contains each bound field.
  • runningTotalThe sum of point values since the last runningTotal summary point. Available for the Waterfall series.
  • totalThe sum of all previous series values. Available for the Waterfall series.

tooltip-visible Boolean

If tooltip-visible is set to true, the Chart will display the series tooltip. By default, the series tooltip is not displayed.