<kendo:chart-legend>

The chart legend configuration options.

Example

<kendo:chart>
    <kendo:chart-legend></kendo:chart-legend>
</kendo:chart>

Configuration Attributes

align java.lang.String

The legend horizontal alignment when the legend.position is "top" or "bottom" and the vertical alignment when the legend.position is "left" or "right".The supported values are: "start" - the legend is aligned to the start.; "center" - the legend is aligned to the center. or "end" - the legend is aligned to the end..

Example

<kendo:chart-legend align="align">
</kendo:chart-legend>

background java.lang.String

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

Example

<kendo:chart-legend background="background">
</kendo:chart-legend>

height float

The legend height when the legend.orientation is set to "vertical".

Example

<kendo:chart-legend height="height">
</kendo:chart-legend>

margin float

The margin of the chart legend. A numeric value will set all paddings. Further configuration is available via kendo:chart-legend-margin.

Example

<kendo:chart-legend margin="margin">
</kendo:chart-legend>

offsetX float

The X offset of the chart legend. The offset is relative to the default position of the legend. For instance, a value of 20 will move the legend 20 pixels to the right of its initial position. A negative value will move the legend to the left of its current position.

Example

<kendo:chart-legend offsetX="offsetX">
</kendo:chart-legend>

offsetY float

The Y offset of the chart legend. The offset is relative to the current position of the legend. For instance, a value of 20 will move the legend 20 pixels down from its initial position. A negative value will move the legend upwards from its current position.

Example

<kendo:chart-legend offsetY="offsetY">
</kendo:chart-legend>

orientation java.lang.String

The orientation of the legend items.The supported values are: "vertical" - the legend items are added vertically. or "horizontal" - the legend items are added horizontally..

Example

<kendo:chart-legend orientation="orientation">
</kendo:chart-legend>

padding float

The padding of the chart legend. A numeric value will set all paddings. Further configuration is available via kendo:chart-legend-padding.

Example

<kendo:chart-legend padding="padding">
</kendo:chart-legend>

position java.lang.String

The positions of the chart legend.The supported values are: "top" - the legend is positioned on the top.; "bottom" - the legend is positioned on the bottom.; "left" - the legend is positioned on the left.; "right" - the legend is positioned on the right. or "custom" - the legend is positioned using legend.offsetX and legend.offsetY..

Example

<kendo:chart-legend position="position">
</kendo:chart-legend>

reverse boolean

If set to true the legend items will be reversed.Available in versions 2013.3.1306 and later.

Example

<kendo:chart-legend reverse="reverse">
</kendo:chart-legend>

visible boolean

If set to true the chart will display the legend. By default the chart legend is visible.

Example

<kendo:chart-legend visible="visible">
</kendo:chart-legend>

width float

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

Example

<kendo:chart-legend width="width">
</kendo:chart-legend>

Configuration JSP Tags

kendo:chart-legend-border

The border of the legend.

More documentation is available at kendo:chart-legend-border.

Example

<kendo:chart-legend>
    <kendo:chart-legend-border></kendo:chart-legend-border>
</kendo:chart-legend>

kendo:chart-legend-inactiveItems

The chart inactive legend items configuration.

More documentation is available at kendo:chart-legend-inactiveItems.

Example

<kendo:chart-legend>
    <kendo:chart-legend-inactiveItems></kendo:chart-legend-inactiveItems>
</kendo:chart-legend>

kendo:chart-legend-item

The chart legend item configuration.

More documentation is available at kendo:chart-legend-item.

Example

<kendo:chart-legend>
    <kendo:chart-legend-item></kendo:chart-legend-item>
</kendo:chart-legend>

kendo:chart-legend-labels

The chart legend label configuration.

More documentation is available at kendo:chart-legend-labels.

Example

<kendo:chart-legend>
    <kendo:chart-legend-labels></kendo:chart-legend-labels>
</kendo:chart-legend>

kendo:chart-legend-margin

The margin of the chart legend. A numeric value will set all paddings.

More documentation is available at kendo:chart-legend-margin.

Example

<kendo:chart-legend>
    <kendo:chart-legend-margin></kendo:chart-legend-margin>
</kendo:chart-legend>

kendo:chart-legend-padding

The padding of the chart legend. A numeric value will set all paddings.

More documentation is available at kendo:chart-legend-padding.

Example

<kendo:chart-legend>
    <kendo:chart-legend-padding></kendo:chart-legend-padding>
</kendo:chart-legend>
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy