Rosetype Pie Chart
Last updated
Was this helpful?
Last updated
Was this helpful?
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.
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).
