Rosetype Pie Chart
Last updated
Last updated
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.
You can find a more in depth explanation about the rosetype pie on this page: https://echarts.apache.org/examples/en/editor.html?c=pie-roseType-simple
Properties of Rosetype Pie Chart
Property Name | Data type | Type | Description |
Data Source | List | Data Model | Datalist 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 pie. |
Pie name (tooltip) | Text | Expression | Defines the name of the pie chart. This name is used for the labels and the tooltips. |
Show value (tooltip) | Boolean | Expression | Determines if the value is shown on the tooltip label. |
Value prefix (tooltip) | Text | Expression | Set the value of the prefix. |
Show percent (tooltip) | Boolean | Expression | Determines if the percent is shown on the tooltip label. |
Percent Prefix | Text | Expression | Set the percent prefix. |
Set the percent postfix. | Text | Expression | Set the percent postfix. |
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. |
Pie starts radius | Number | Expression | Defines the start radius of the pie in percentages from 0-100. |
Pie end radius | Number | Expression | Defines the end radius of the pie in percentages from 0-100. |
Font size | Number | Expression | Font size for the labels of the pie
Default value:12 |
Rosetype style | Text | Expression | Which type of rosetype value presentation the chart will use
Radius: Uses central angle to show the percentage of data, radius to show data size.
Area: All the sectors will share the same central angle; the data size is shown only through radiuses. (Radius, Area). |
