LegendComponent
Represents the Kendo UI for Angular Chart Legend configuration (see example).
<kendo-chart>
<kendo-chart-legend position="top" [visible]="true">
</kendo-chart-legend>
</kendo-chart>
Selector
kendo-chart-legend
Inputs
Name | Type | Default | Description |
---|---|---|---|
align |
|
|
Specifies the alignment of the legend.
The legend is horizontally aligned when |
background |
|
|
Specifies the background color of the legend. Accepts a valid CSS color string, including hex and rgb. |
border |
|
Specifies the border configuration of the legend. | |
focusHighlight? |
|
Specifies the focus highlight configuration of the legend. | |
height |
|
Specifies the height of the legend. | |
inactiveItems |
|
Specifies the inactive items configuration of the legend. | |
item |
|
Specifies the item configuration of the legend. | |
labels |
|
Specifies the labels configuration of the legend. | |
margin |
|
|
Specifies the margin of the Chart legend. A numeric value sets all paddings. |
markers |
|
Specifies the markers configuration of the legend. | |
offsetX |
|
|
Specifies the X offset of the Chart legend. The offset is relative to the default position of the legend.
For example, a value of |
offsetY |
|
|
Specifies the Y offset of the chart legend. The offset is relative to the current position of the legend.
For example, a value of |
orientation |
|
|
Specifies the orientation of the legend items. |
padding |
|
|
Specifies the padding of the Chart legend. A numeric value sets all paddings. |
position |
|
|
Specifies the positions of the Chart legend.
Setting the legend position to |
reverse |
|
|
Determines whether the legend items are reversed. |
spacing |
|
Specifies the spacing between legend items. | |
title |
|
Specifies the title configuration of the legend. | |
visible |
|
|
Determines whether the Chart displays the legend. By default, the Chart legend is visible. |
width |
|
Specifies the width of the legend. |
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. ts
| ||||||
|