All Components
Components

SeriesHighlightComponent

The Chart series highlighting configuration options.

Selector

kendo-chart-series-item-highlight

Inputs

border Border

The border of the highlighted Chart series. The color is computed automatically from the base point color.

The border option is supported when series.type is set to "donut", "bubble", "pie", "candlestick", or "ohlc".

color string

The highlight color. Accepts a valid CSS color string, including hex and rgb.

The color option is supported when series.type is set to "donut" or "pie".

line HighlightLine

The line of the highlighted Chart series. The color is computed automatically from the base point color.

The line option is supported when series.type is set to "candlestick" or "ohlc".

opacity number

The opacity of the highlighted points.

The opacity option is supported when series.type is set to "bubble", "pie", or "donut".

toggle Function

A function that can be used to handle the toggling of the points highlight.

The available argument fields are:

  • preventDefault—A function that can be used to prevent the showing of the default highlight overlay.
  • show—A Boolean value indicating whether the highlight has to be shown.
  • visual—The visual element that needs to be highlighted.
  • category—The point category.
  • dataItem—The point dataItem.
  • value—The point value.
  • series—The point series.

visible boolean

If set to true, the Chart will highlight the series when the user hovers it with the mouse. By default, the highlighting of the Chart series is enabled.

visual (e: HighlightVisualArgs) => void

A function that can be used to set custom visual for the point highlight.

The available argument fields are:

  • createVisual—A function that can be used to get the default highlight visual.
  • rect—The kendo.geometry.Rect that defines where the visual has to be rendered.
  • visual—The visual element that needs to be highlighted.
  • options—The point options.
  • category—The point category.
  • dataItem—The point dataItem.
  • value—The point value.
  • sender—The Chart instance.
  • series—The point series.
  • stackValue—The cumulative point value on the stack. Available only for the stackable series.
  • percentage—The point value represented as a percentage value. Available only for the Donut, Pie, and 100% stacked charts.
  • runningTotal—The sum of point values since the last "runningTotal" summary point. Available for the Waterfall series.
  • total—The sum of all previous series values. Available for the Waterfall series.
In this article