I recently worked on a Kendo pie chart, and we needed to remove all the extra margin and padding around the chart, and it needed a height of 300px. We then exploded one slice, as explained in the documentation.
After doing this, the chart is rendered with the exploded slice being outside the bounds of the chart.
I started with the example from the documentation page above and changed it to how we have ours, namely adding a static chartArea height and 0 margin, setting plotArea margin and padding to 0, and setting the series padding to 0.
http://dojo.telerik.com/@john.washam@360vinspin.com/EGENij
Is this expected behavior or a bug?
1 Answer, 1 is accepted
0
Accepted
Hi John,
The behavior is expected, because the chart does not provide the so-called "intelligent labels" functionality:
http://kendoui-feedback.telerik.com/forums/127393-kendo-ui-feedback/suggestions/3861207-intelligent-dataviz-pie-chart-label-positioning
It is up to the developer to configure the settings in such a ways, so that none of the elements are clipped.
This being said, I can suggest you to modify the dimensions or the width/height options of the chart, so that the exploded pie segments fit in the visible area.
Regards,
Stamo Gochev
Progress Telerik
The behavior is expected, because the chart does not provide the so-called "intelligent labels" functionality:
http://kendoui-feedback.telerik.com/forums/127393-kendo-ui-feedback/suggestions/3861207-intelligent-dataviz-pie-chart-label-positioning
It is up to the developer to configure the settings in such a ways, so that none of the elements are clipped.
This being said, I can suggest you to modify the dimensions or the width/height options of the chart, so that the exploded pie segments fit in the visible area.
Regards,
Stamo Gochev
Progress Telerik
Try our brand new, jQuery-free Angular 2 components built from ground-up which
deliver the business app essential building blocks - a grid component,
data visualization (charts) and form elements.