> 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/rosetype-pie-chart.md).

# Rosetype Pie Chart

Rose type pie Chart, which was also called the nightingale chart, usually indicates categories by sector of the same radius but different radius.

ECharts can implement Rose Chart by defining series.roseType of pie chart to 'area'. All other configs are the same as a basic pie chart.

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

![Image 1: The rosetype pie chart](/files/tBpN41HOxO6udb91oIr5)

**Properties of Rosetype Pie Chart**

<table data-header-hidden><thead><tr><th width="186"></th><th width="109"></th><th></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>Datalist 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 pie.</td></tr><tr><td>Pie name (tooltip)</td><td>Text</td><td>Expression</td><td>Defines the name of the pie chart. This name is used for the labels and the tooltips.</td></tr><tr><td>Show value (tooltip)</td><td>Boolean</td><td>Expression</td><td>Determines if the value is shown on the tooltip label.</td></tr><tr><td>Value prefix (tooltip)</td><td>Text</td><td>Expression</td><td>Set the value of the prefix.</td></tr><tr><td>Show percent (tooltip)</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 percent prefix.</td></tr><tr><td>Set the percent postfix.</td><td>Text</td><td>Expression</td><td>Set the percent postfix.</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>Sets the width of the element, accepts all the css width values.</td></tr><tr><td>Pie starts 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>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>Font size</td><td>Number</td><td>Expression</td><td><p>Font size for the labels of the pie</p><p> </p><p>Default value:12</p></td></tr><tr><td>Rosetype style</td><td>Text</td><td>Expression</td><td><p>Which type of rosetype value presentation the chart will use</p><p> </p><p>Radius: Uses central angle to show the percentage of data, radius to show data size.</p><p> </p><p>Area:  All the sectors will share the same central angle; the data size is shown only through radiuses. (Radius, Area).</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, and the optional `goal` query parameter:

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

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.