配置项如下
option = {
backgroundColor: '#0A2E5D',
"normal": {
"top": 200,
"left": 300,
"width": 500,
"height": 400,
"zIndex": 6,
"backgroundColor": ""
},
"color": ["rgba(245, 166, 35, 1)", "rgba(19, 173, 255, 1)"],
"title": {
"show": true,
"text": "本学期学生消费类型占比",
"left": "40%",
"top": "1%",
"textStyle": {
"fontSize": 18,
"color": "#fff",
"fontStyle": "normal",
"fontWeight": "normal"
}
},
"tooltip": {
"show": true,
"trigger": "item"
},
"legend": {
"show": true,
"icon": "circle",
"left": "35%",
"top": "90%",
"orient": "horizontal",
"textStyle": {
"fontSize": 14,
"color": "#fff"
},
"data": ["个人消费", "全校学生平均消费"]
},
"radar": {
"center": ["50%", "50%"],
"radius": "70%",
"startAngle": 90,
"splitNumber": 4,
"shape": "circle",
"splitArea": {
"areaStyle": {
"color": ["transparent"]
}
},
"axisLabel": {
"show": false,
"fontSize": 18,
"color": "#fff",
"fontStyle": "normal",
"fontWeight": "normal"
},
"axisLine": {
"show": true,
"lineStyle": {
"color": "white"//
}
},
"splitLine": {
"show": true,
"lineStyle": {
"color": "white"//
}
},
"indicator": [{
"name": "伙食",
"max": 88
}, {
"name": "零食",
"max": 88
}, {
"name": "水费",
"max": 88
}, {
"name": "电话费",
"max": 88
}, {
"name": "学习用品",
"max": 88
}, {
"name": "其他",
"max": 88
}]
},
"series": [{
"name": "全校学生平均消费",
"type": "radar",
"symbol": "circle",
"symbolSize": 10,
"areaStyle": {
"normal": {
"color": "rgba(245, 166, 35, 0.4)"
}
},
itemStyle:{
color:'rgba(245, 166, 35, 1)',
borderColor:'rgba(245, 166, 35, 0.3)',
borderWidth:10,
},
"lineStyle": {
"normal": {
"type": "dashed",
"color": "rgba(245, 166, 35, 1)",
"width": 2
}
},
"data": [
[80, 50, 55, 80, 50, 80, 48, 43]
]
}, {
"name": "个人消费",
"type": "radar",
"symbol": "circle",
"symbolSize": 10,
"itemStyle": {
"normal": {
color:'rgba(19, 173, 255, 1)',
"borderColor": "rgba(19, 173, 255, 0.4)",
"borderWidth": 10
}
},
"areaStyle": {
"normal": {
"color": "rgba(19, 173, 255, 0.5)"
}
},
"lineStyle": {
"normal": {
"color": "rgba(19, 173, 255, 1)",
"width": 2,
"type": "dashed"
}
},
"data": [
[60, 60, 65, 60, 70, 40, 80, 63]
]
}]
};