修改结果如下图所示:
主要修改代码如下:
radar: {
shape: 'circle',
indicator: this.chartIndicator,
radius: 90,
startAngle: 90,
splitNumber: 4,
// 设置隐藏蜘蛛网
splitLine: {
// 'show': false
lineStyle: {
color: '#c8b2f4' // 每个圈的边框颜色
}
},
splitArea: {
// 'show': false
areaStyle: {
color: ['#0c161f', '#0c161f', '#0c161f', '#0c161f'], // 每个圆的背景颜色
shadowColor: '#32dadd', // 每个圈的阴影颜色
shadowBlur: 10
}
},
axisLine: {
lineStyle: {
color: '#63c2ff' // 坐标线颜色
}
}
},
整体代码如下:
option = {
title: {
text: '分析'
},
legend: {
data: ['分析']
},
radar: {
shape: 'circle',
indicator: [
{ name: '工作', max: 6500 },
{ name: '浏览新闻', max: 16000 },
{ name: '待机', max: 30000 },
{ name: '聊天', max: 38000 },
{ name: '追剧', max: 52000 },
{ name: '网购', max: 25000 }
],
radius: 90,
startAngle: 90,
splitNumber: 4,
// 设置隐藏蜘蛛网
splitLine: {
// 'show': false
lineStyle: {
color: '#c8b2f4' // 每个圈的边框颜色
}
},
splitArea: {
// 'show': false
areaStyle: {
color: ['#0c161f', '#0c161f', '#0c161f', '#0c161f'], // 每个圆的背景颜色
shadowColor: '#32dadd', // 每个圈的阴影颜色
shadowBlur: 10
}
},
axisLine: {
lineStyle: {
color: '#63c2ff' // 坐标线颜色
}
}
},
series: [
{
name: '',
type: 'radar',
data: [
{
name: '分析',
value: [4200, 3000, 20000, 35000, 50000, 18000],
areaStyle: {
color: '#32dadd'
}
}
]
}
]
};