Pie chart labels getting cut off

[Thien]

When the chart's width is constrained it does not scale to fit and the labels get cut off. I found this post but do not see any of these settings in the Html/Javascript version of the pie chart

http://www.telerik.com/forums/pie-chart-labels-are-being-cut-off

Changing the margins/paddings is not an ideal solution as we have dynamic data populating the pie charts so one setting that may work might not work for another dataset.

[Iliana Dyankova]

Hi Thien,

By design, Kendo UI Pie Chart will not resize automatically to accommodate for the labels size. What I would suggest in order to avoid the labels cutting is to set series.padding dynamically (via the chart.options): 

// get reference to the chart widget
var chart = $("#chart").data("kendoChart");
// set series.padding via the chart options
chart.options.series[0].padding = 100
// redraw the chart
chart.redraw();

Regards,
Iliana Nikolova
Telerik

 

 

[Jay]

the above snippet helped my simliar problem but I had to use

chart.refresh();

instead of

chart.redraw();