New to Kendo UI for AngularStart a free 30-day trial

Legend

Specifies the configuration options of the Chart legend (see examples).

NameTypeDefaultDescription

align?

"center" | "start" | "end"

Specifies how the legend aligns horizontally when legend.position is set to "top" or "bottom" or aligns vertically when legend.position is set to "left" or "right".

background?

string

Specifies the background color of the legend. Accepts a valid CSS color string, including hex and rgb.

border?

Border

Specifies the border of the legend.

focusHighlight?

FocusHighlight

Specifies the focus highlight configuration options of the Chart legend.

height?

number

Specifies the height of the legend when legend.orientation is set to "vertical".

inactiveItems?

LegendInactiveItems

Specifies the configuration of the Chart inactive legend items.

item?

LegendItem

Specifies the configuration of the Chart legend item.

labels?

LegendLabels

Specifies the label configuration of the Chart legend.

margin?

number | Margin

Specifies the margin of the Chart legend. A numeric value sets all paddings.

markers?

LegendMarkers

Specifies the configuration of the Chart legend markers.

offsetX?

number

Specifies the X offset of the Chart legend. The offset is relative to the default position of the legend. For example, a value of 20 moves the legend 20 pixels to the right of its initial position. Negative values move the legend to the left of its current position.

offsetY?

number

Specifies the Y offset of the chart legend. The offset is relative to the current position of the legend. For example, a value of 20 moves the legend 20 pixels down from its initial position. Negative values move the legend upwards from its current position.

orientation?

"horizontal" | "vertical"

Specifies the orientation of the legend items.

padding?

number | Padding

Specifies the padding of the Chart legend. A numeric value sets all paddings.

position?

"top" | "bottom" | "left" | "right" | "custom"

Specifies the positions of the Chart legend. Setting the legend position to custom allows you to position the legend using the legend.offsetX and legend.offsetY options.

reverse?

boolean

Determines whether the legend items are reversed.

spacing?

number

Specifies the distance (in pixels) between the legend items. Defaults to 6.

title?

LegendTitle

Specifies the title of the Chart legend. By default, the Chart will not render a legend title.

visible?

boolean

Determines whether the Chart displays the legend. By default, the Chart legend is visible.

width?

number

Specifies the legend width when the legend.orientation is set to "horizontal".

Not finding the help you need?
Contact Support