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

NavigatorSeriesHighlightComponent

The configuration options of the StockChart series highlight.

Selector

kendo-chart-navigator-series-item-highlight

Inputs

NameTypeDefaultDescription

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".

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

true

If set to true, the Chart highlights the series when the user hovers over it with the mouse.

visual

(e: HighlightVisualArgs) => Element

A function for setting custom visuals for the point highlights.

Methods

notifyChanges

Updates the component fields with the specified values and refreshes the Chart.

Use this method when the configuration values cannot be set through the template.

item.notifyChanges({ visible: true });
Parameters

changes

any

An object containing the updated input fields.

In this article

Not finding the help you need?