' + stagesdata[i].name + '' + "" + everyDepartment.scores[i] + '元/千瓦时' + '

' + "
" } return html }, textStyle: { fontSize: 32,// 字体大小 color: '#000', }, }, radar: { center: ['50%', '62%'], radius: '45%', name: { rich: { a: { color: '#ffffff', fontSize: 16, align: 'center', lineHeight: 30, }, b: { color: '#3ED9AF', fontSize: 16, align: 'center', fontFamily: 'ysbth', fontWeight: 'bold', lineHeight: 50, }, b1: { color: '#FDF01F', fontSize: 16, align: 'center', fontFamily: 'ysbth', fontWeight: 'bold', lineHeight: 50, }, }, formatter: (a, index) => { let i = contains(everyDepartment.stages, a); // 处理对应要显示的样式 if (i == 2) { return `{a|${a} }\n{b1| ${everyDepartment.scores[i]}}`; } else if (i == 3) { return `{a|${a} }\n{b| ${everyDepartment.scores[i]}}`; } else if (i == 4) { return `{b1|${everyDepartment.scores[i]}}\n{a|${a}}`; } else { return `{b| ${everyDepartment.scores[i]}}\n{a| ${a}}`; } }, }, nameGap: 30, indicator: everyDepartment.stages, splitArea: { areaStyle: { color: [ 'rgba(48, 105, 199, .1)', 'rgba(48, 105, 199, .2)', 'rgba(48, 105, 199, .4)', 'rgba(48, 105, 199, .6)', 'rgba(48, 105, 199, .8)', 'rgba(48, 105, 199, 1)', ].reverse(), }, }, // axisLabel:{//展示刻度 // show: true // }, axisLine: { //指向外圈文本的分隔线样式 lineStyle: { color: 'rgba(37, 100, 214, 1)', width: 2, }, }, splitLine: { lineStyle: { width: 2, color: 'rgba(37, 100, 214, 1)', }, }, }, series: [ { type: 'radar', symbol: 'circle', symbolSize: 16, lineStyle: { color: "#70EDFC", width: 2, }, itemStyle: { color: '#ffffff', borderColor: "#70EDFC", borderWidth: 2, opacity: 1, }, data: [ { value: everyDepartment.scores, name: '', itemStyle: { normal: { lineStyle: { color: 'rgba(112, 237, 252, .5)', }, shadowColor: 'rgba(112, 237, 252, .5)', shadowBlur: 1, }, }, areaStyle: { normal: { color: 'rgba(112, 237, 252, .5)', }, }, }, ], }, ] };

Echarts在线免费图表