Components / Charts / API / SeriesHighlight /

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

SeriesHighlight

The configuration options of the series highlight.

Name	Type	Description
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"`.
inactiveOpacity?	`number`	The opacity of the series when another series is highlighted.
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"`.
markers?	`MarkersHighlight`	The appearance of the highlighted point markers. The markers option is supported when `series.type` is set to `"line"`, `"area"`, `"scatter"`, `"scatterLine"`, or `"rangeArea"`.
opacity?	`number`	The opacity of the highlighted points. The opacity option is supported when `series.type` is set to `"bubble"`, `"pie"`, or `"donut"`.
toggle?	`(e: HighlightToggleArgs) => void`	A function for handling the toggling of the points highlight.
visible?	`boolean`	If set to `true`, the Chart highlights the series when the user hovers over it with the mouse. By default, the highlighting of the Chart series is enabled.
visual?	`(e: HighlightVisualArgs) => Element`	A function for setting custom visuals for the point highlights.