This is a migrated thread and some comments may be shown as answers.

Exploded pie chart doesn't fit

1 Answer 100 Views
Charts
This is a migrated thread and some comments may be shown as answers.
JohnVS
Top achievements
Rank 1
JohnVS asked on 18 Jul 2017, 03:48 PM

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

Sort by
0
Accepted
Stamo Gochev
Telerik team
answered on 20 Jul 2017, 10:34 AM
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
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.
Tags
Charts
Asked by
JohnVS
Top achievements
Rank 1
Answers by
Stamo Gochev
Telerik team
Share this question
or