> For the complete documentation index, see [llms.txt](https://docs.wem.io/platform/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.wem.io/platform/wemtipsandtricks/widgets/advanced-charts/nested-pie-chart.md).

# 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.

{% hint style="info" %}
You can find a more in depth explanation about the nested pie on [this ](<https://echarts.apache.org/examples/en/editor.html?c=pie-nest >)page: [https://echarts.apache.org/examples/en/editor.html?c=pie-nest ](<https://echarts.apache.org/examples/en/editor.html?c=pie-nest >)
{% endhint %}

![Nested Pie Chart](/files/aBaSrED2SOdzB5h2sDiu)

**Properties of Nested Pie Chart**

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


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.wem.io/platform/wemtipsandtricks/widgets/advanced-charts/nested-pie-chart.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.