<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>

spacing `float`

The spacing between the labels in pixels when the legend.orientation is "horizontal".

Example

<kendo:chart-legend spacing="spacing">
</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