New to Kendo UI for jQuery? Download free 30-day trial

Pie labels

Loading Demo...
  • pie-labels.html

Also available for:



This example shows how to show/hide the labels of the Kendo UI Pie 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; // If set to true the chart will display the series labels. pieSeries.labels.align = "circle" or "column"; // 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 API documentation.

Support & Learning Resources