New to Telerik UI for ASP.NET Core? Download free 30-day trial

ChartLegendSettingsTagHelper

Example

<chart-legend>
    <border />
    <inactive-items></inactive-items>
    <item></item>
    <labels></labels>
    <margin />
    <padding />
    <title></title>
</chart-legend>

ChildTags

Tag Name Details
border ChartLegendBorderSettingsTagHelper
inactive-items ChartLegendInactiveItemsSettingsTagHelper
item ChartLegendItemSettingsTagHelper
labels ChartLegendLabelsSettingsTagHelper
margin ChartLegendMarginSettingsTagHelper
padding ChartLegendPaddingSettingsTagHelper
title ChartLegendTitleSettingsTagHelper

Attributes

Attribute Type Description
align ChartLegendAlign Specifies the legend align.
background String The background color of the legend. Accepts a valid CSS color string, including hex and rgb.
height Double The legend height when the legend.orientation is set to "vertical".
offset-x Double 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.
offset-y Double 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.
orientation ChartLegendOrientation Specifies the legend orientation.
position ChartLegendPosition Specifies the legend position.
reverse Boolean If set to true the legend items will be reversed.Available in versions 2013.3.1306 and later.
spacing Double The spacing between the labels in pixels when the legend.orientation is "horizontal".
visible Boolean If set to true the chart will display the legend. By default the chart legend is visible.
width Double The legend width when the legend.orientation is set to "horizontal".
In this article
Not finding the help you need?