'Drill down Angular chart

I want to create drill down option for Kendo pie chart in angular. with a single data source. In here I provided the link of the code below. I want to show the below data in the pie chart

{kind: 'Asia', share: 0.175,parentID: '' },
{kind: 'America', share: 0.238,parentID: '' },
{kind: 'Europe', share: 0.118,parentID: '' },
{kind: 'Africa', share: 0.052,parentID: '' },

when I click on the slice i want to drill down the chart according to the parent ID.

{kind: 'SL',share: 0.225,parentID: 'Asia' },
{kind: 'India',share: 0.192,parentID: 'Asia' },
{kind: 'Russia',share: 0.192,parentID: 'Europe' },
{kind: 'France',share: 0.192,parentID: 'Europe' },

Code: https://stackblitz.com/edit/angular-myxeux-ugcarp?file=app%2Fapp.component.ts

angulartypescriptchartskendo-uidrilldown


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions