Pie

Pie chart, usually used to show the proportion of data.

scenes to be used

  • The proportion of different parts of sales.

  • Ratio of male to female population.

Example

{
"Type Arrangement": {
"bind": "datasource_type",
"link": "/x/Table/pet",
"view": {
"type": "Pie",
"props": {
"height": 240,
"nameKey": "type",
"series": [
{
"valueKey": "count",
"roseType": "area",
"radius": [10, 100],
"center": ["60%", "50%"],
"itemStyle": { "borderRadius": 6 }
}
]
}
}
}
}

Props

export interface IProps {
name: string
height: number
hide_label?: boolean
}

API

PropertiesDescriptionTypeDefaultRequiredVersion
namedata keystring-yes
heightheightstring-yes
hide_labelhide titlestring-no

See Echarts Pie for more properties

Pie

Pie chart, usually used to show the proportion of data.

scenes to be used

  • The proportion of different parts of sales.

  • Ratio of male to female population.

Example

{
"Type Arrangement": {
"bind": "datasource_type",
"link": "/x/Table/pet",
"view": {
"type": "Pie",
"props": {
"height": 240,
"nameKey": "type",
"series": [
{
"valueKey": "count",
"roseType": "area",
"radius": [10, 100],
"center": ["60%", "50%"],
"itemStyle": { "borderRadius": 6 }
}
]
}
}
}
}

Props

export interface IProps {
name: string
height: number
hide_label?: boolean
}

API

PropertiesDescriptionTypeDefaultRequiredVersion
namedata keystring-yes
heightheightstring-yes
hide_labelhide titlestring-no

See Echarts Pie for more properties