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.

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

Last updated