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

LegendItemComponent

Represents the Kendo UI for Angular Chart Legend Item configuration.

html

<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

Name	Type	Description
area	`LegendItemArea`	Specifies the area configuration for the legend item.
cursor	`string`	Specifies the cursor style for legend items.
highlight	`LegendItemHighlight`	Specifies the highlight configuration for the legend item.
line	`LegendItemLine`	Specifies the line configuration for the legend item.
markers	`LegendItemMarkers`	Specifies the markers configuration for the legend item.
type	`LegendItemType`	Specifies the type of the legend item.
visual	`(e: LegendItemVisualArgs) => Element`	Specifies a function that creates a custom visual for the legend item.

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.