Telerik Chart Legend
The Telerik Chart for Blazor can show a visual guide with details about the series or elements in the Chart. This article explores how to add a Chart legend, identify its building blocks, and customize the legend appearance.
Adding a Legend
- Add the
<ChartLegend>child tag and set theVisibleparameter totrue - Add the
Nameparameter to all Chart series that must be visible in the legend.
Chart Legend Customization
You can customize the Chart legend by adding nested (child) tags to the <ChartLegend> and use their parameters for fine tuning.
The structure of the nested tags is <ChartLegend*Specifics*>, where the specifics can be:
TitleItemBorder
Use the IntelliSense to explore the nested tags.
Legend Settings in the Chart Series
You can customize individual items in the legend for a specific Chart series by adding the <ChartSeriesLegendItem> (child tag of <ChartSeries>) and its nested tag settings and parameters.
The structure of the nested tags is <ChartSeriesLegend*Specifics*>, where the specifics can be:
MarkersHighlight- and others
Use the IntelliSense to explore the nested tags.
Example
Customize the legend items by using nested tag settings.