series.labels.align String

The label alignment when series.type is set to "donut", "funnel", "pyramid" or "pie".

The supported values for "donut" and "pie" are:

  • "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.

The supported values for "funnel" and "pyramid" are:

  • "center" - the labels are positioned in the center over the segment.
  • "right" - the labels are positioned on the right side of the chart and do not (if there is enough space) overlap the segment(s).
  • "left" - the labels are positioned on the left side of the chart and do not (if there is enough space) overlap the segment(s).

Example - set the chart series label alignment

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  series: [ {
    labels: {
      visible: true,
      align: "column"
    },
    type: "pie",
    data: [1, 2, 3, 4, 5, 6]
  }]
});
</script>
In this article