...
代码块 | ||
---|---|---|
| ||
{
//不显示y轴
"yAxis": {
"show": false
},
//不显示x轴
"xAxis": {
"show": false
},
"radiusAxis": {
//"data": [],
//这个是固定写死的提示,不需要可以去除掉
"data": ['点心', '饮料', '调味品', '酱料', '水果'],
// 不显示上面的横线,极坐标系的径向轴
// "axisLine": {
// "show": false
// },
"axisLabel": {
"interval": 0,
"color": "blue",
"fontSize": 12,
}
},
//显示极坐标系的角度轴
"angleAxis": {
"show": true
},
"series": [{
//只有一个指标销售量,写一个即可控制所有,对动态数据友好
//类型为柱图
"type": "bar",
//转换为极坐标
"coordinateSystem": "polar",
}],
"polar": {},
} |
...
代码块 | ||
---|---|---|
| ||
{ "yAxis": { "show": false }, "xAxis": { "show": false }, "radiusAxis": { "data": [], "axisLine": { "show": false }, }, "angleAxis": { "show": false }, "series": [{ //如果是并列轴存在的情况下,这个就是控制条数柱图转换为极坐标图的,有多少条就写多少个 //如果是并列轴存在的情况下,这个就是控制条数柱图转换为极坐标图的,有多少条就写多少个,这个在动态数据情况下可能不太友好这个在动态数据情况下不适用,如果有动态数据场景,可以考虑使用宏代码去实现 "type": "bar", "coordinateSystem": "polar", }, { "type": "bar", "coordinateSystem": "polar", }, { "type": "bar", "coordinateSystem": "polar", }, { "type": "bar", "coordinateSystem": "polar", }, { "type": "bar", "coordinateSystem": "polar", }], "polar": {} } |
...
代码块 | ||
---|---|---|
| ||
{
//不显示y轴
"yAxis": {
"show": false
},
//不显示x轴
"xAxis": {
"show": false
},
"radiusAxis": {
//"data": [],
//这个是固定写死的提示,不需要可以去除掉
"data": ['点心', '饮料', '调味品', '酱料', '水果'],
// 不显示上面的横线,极坐标系的径向轴
// "axisLine": {
// "show": false
// },
"axisLabel": {
"interval": 0,
"color": "blue",
"fontSize": 12,
}
},
//显示极坐标系的角度轴
"angleAxis": {
"show": true
},
"series": [{
//三个指标,这里需要写三次
//类型为柱图
"type": "bar",
//转换为极坐标
"coordinateSystem": "polar",
}, {
"type": "bar",
"coordinateSystem": "polar",
}, {
"type": "bar",
"coordinateSystem": "polar",
}],
"polar": {},
} |
...