Multilevel Pie Chart

[erwin]

Is it possible to create multilevel Pie / Donut Chart with the chart component?

I have included an example of what I mean. The point is that the outer ring shows sub categories of categories in the inner ring.

Kind Regards

Erwin

[Tsvetomir]

Hi Erwin,

The Kendo UI Donut Chart provides the functionality to have several levels of data visualized. This could happen with the help of multiple Donut series. A live demo could be observed here:

https://demos.telerik.com/aspnet-core/donut-charts

As per the pie chart, I am afraid that its initial design is intended to be used as one whole. If you declare multiple series, they would overlap each other. 

Let me know if there is a need for additional assistance.

 

Kind regards,
Tsvetomir
Progress Telerik

[erwin]

Thanks Tsvetomir,

From the example I could not find a way to 'synchronize' the two rings in a donut, so that the outer ring is a 'specialization' of the inner ring as in the screenshot I attached. The inner ring would have categories male/female and the outer ring the categories income groups per male/female. How can I declare a grouping relationship between 2 donut series.

Regards

Erwin

[Tsvetomir]

Hi Erwin,

If you would like to synchronize the two series, the total value of the outer series should correspond to the total value of the inner series. As well as, you should separate the outer ones into several items with different values (total value should not exceed total value per series in the first instance). Since the start angle for both series is the same, they would be synchronized automatically. 

For better understanding, please examine the following POC that I prepared:

https://dojo.telerik.com/IZERanOF

If you would like, however, to use a grouped chart, you should restructure the data before passing it to the chart. This is due to the fact that it is designed to be working with flat data, whereas, the grouping makes the data hierarchical.

https://www.telerik.com/forums/getting-data-to-group-in-pie-charts

I hope you find this helpful.

 

Best regards,
Tsvetomir
Progress Telerik

[erwin]

Thanks for your answer Tsvetomir,

I had hoped that there would be a built-in way to do the grouping because when I de-select a category via the legend for example I would have liked the chart to automatically redraw only the related subcategories in the outer ring.

For example if I de-selected 'female' the outer ring would redraw with only the male salary categories.

Looks like quite a bit of code to do that myself.

 

Regards

Erwin

[Tsvetomir]

Hi Erwin,

Even if the chart was grouped, the two series would have been set up unrelated to each other. Therefore, you would still have had to create custom logic to handle the legend show/hide of the main series. 

In case help is needed, let me know.

 

Regards,
Tsvetomir
Progress Telerik