Nested Pie Chart

The Nested Pie Chart is a special type of chart that allows you to show symmetrical and asymmetrical tree structures in a consolidated pie-like structure. The chart is visualized as a series of concentric circles arranged like a pie. The circles are divided into segments that represent each of the data values; the ratio of each segment is determined by the corresponding data value. This chart can be used to show organizational structures, interlinked tree data (like friends of friends), category-wise sales break up, and so on.

You can find a more in depth explanation about the nested pie on this page: https://echarts.apache.org/examples/en/editor.html?c=pie-nest

Nested Pie Chart

Properties of Nested Pie Chart

Property Name	Data type	Type	Description
Data source	List	Data Model	Data list where the data is stored.
Label	Text	Expression	Labels for each of the values in the outer pie.
Value	Number	Expression	Values for the outer pie.
Chart Color	Text	Expression	Colors for the values in the outer pie.
Category	Text	Expression	The category is used as a label for the inner pie, The value for this is calculated automatically.
Category Color	Text	Expression	Defines the colors for each of the categories in the inner pie.
Inner Pie Name	Text	Expression	Defines the name of the inner pie chart. This name is used for the labels and the tooltips.
Outer Pie Name	Text	Expression	Defines the name of the outer pie chart. This name is used for the labels and the tooltips.
Show Value	Boolean	Expression	Determines if the value is shown on the tooltip label.
Value Prefix	Text	Expression	Set the prefix of the value.
Value Postfix	Text	Expression	Set the postfix of the value.
Show Percent	Boolean	Expression	Determines if the percent is shown on the tooltip label.
Percent Prefix	Text	Expression	Set the prefix of the percent.
Percent Postfix	Text	Expression	Set the postfix of the percent.
Height	Text	Expression	Sets the height of the element, accepts all the css height values. default value: "500%"
Width	Text	Expression	Sets the width of the element, accepts all the css width values. default value: "100%"
Inner Pie Start Radius	Number	Expression	Defines the start radius of the pie in percentages from 0-100.
Inner Pie End Radius	Number	Expression	Defines the end radius of the pie in percentages from 0-100.
Outer Pie Start Radius	Number	Expression	Defines the start radius of the pie in percentages from 0-100. Default value: 45
Outer Pie End Radius	Number	Expression	Defines the end radius of the pie in percentages from 0-100.
Inner Font Size	Number	Expression	Font size for the labels of the inner pie Default value:12
Outer Font Size	Number	Expression	Font size for the labels of the outer pie Default value:12