R1 2019 Release is here. See what's new!
Change Theme

SASS Themes

LESS Themes

SASS Theme Builder

Create new or customize SASS themes
Launch Theme Builder
Edit in Theme Builder

Pie labels

Labels Configuration

Description

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.

HTML5/JavaScript source

Also available for:

API Reference
  • pie-labels.html
  • Widget configuration

Support & learning resources

Pie Charts for other technologies