New to Telerik UI for ASP.NET MVC? Download free 30-day trial
ASP.NET MVC Donut Charts Donut Labels
- EXAMPLE
- VIEW SOURCE
-
Change Theme
defaultDefault Theme
- Main
- Main Dark
- Nordic
- Ocean Blue
- Ocean Blue A11Y
- Purple
- Turquoise
Bootstrap Theme- Main
- Bootstrap 3
- Bootstrap 3 Dark
- Main Dark
- Nordic
- Turquoise
- Turquoise Dark
- Urban
- Vintage
Material Theme- Main
- Arctic
- Lime Dark
- Main Dark
- Nova
Classic Theme- Main
- Green
- Green Dark
- Lavender
- Lavender Dark
- Main Dark
- Metro
- Metro Dark
- Moonlight
- Opal
- Opal Dark
- Silver
- Silver Dark
- Uniform
Fluent Theme- Main
Also available for:
CLIENT-SIDE API SERVER-SIDE APIDescription
This example shows how to show/hide the labels of the Telerik UI for ASP.NET MVC Donut Chart and specify how they are aligned.
You can do that by getting a reference to the Chart client-object via:
var chart = $("#chart").data("kendoChart")
which will allow you to set and configure its series collection and attributes:
var pieSeries = chart.options.series[0];
pieSeries.labels.visible = true|false; // If set to true the chart will display the series labels.
pieSeries.labels.align = "circle"; // "circle" - the labels are positioned in circle around the chart."column" - the labels are positioned in columns to the left and right of the chart.
You can find a complete list of the series attributes in the control’s API documentation.