Components / Charts / API / LegendItemComponent / 
New to Kendo UI for Angular? Start a free 30-day trial

LegendItemComponent

The configuration of the Chart legend item.

<kendo-chart>
  <kendo-chart-legend>
     <kendo-chart-legend-item cursor="crosshair"></kendo-chart-legend-item>
  </kendo-chart-legend>
</kendo-chart>

Selector

kendo-chart-legend-item

Inputs

NameTypeDefaultDescription

area

LegendItemArea

Sets the configuration of the legend items of type area. By default, all series except line and scatter use this legend type.

cursor

string

The cursor style of the legend item.

highlight

LegendItemHighlight

The highlight configuration of the legend item.

line

LegendItemLine

Sets the configuration of the legend items of type line. This is the default legend item type for all line and scatter series.

markers

LegendItemMarkers

The markers configuration of the legend item. Defaults to the series options.

type

LegendItemType

Sets the type of the legend item. The default value is based on the series type.

visual

(e: LegendItemVisualArgs) => Element

A function for creating a custom visual for the legend items.

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?

Contact Support