以备后面拿了配置项用作提示:
配置项:
option = {
title: {
text: '基础雷达图'
},
legend: {
data: ['预算分配', '实际开销']
},
tooltip: {
textStyle: {
color: '#0be2ed'
},
backgroundColor: 'rgba(0,0,0,0.8)'
},
radar: {
// shape: 'circle',
indicator: [
{ name: '销售', max: 6500},
{ name: '管理', max: 16000},
{ name: '信息技术', max: 30000},
{ name: '客服', max: 38000},
{ name: '研发', max: 52000},
{ name: '市场', max: 25000}
],
radius: '70%',
center: ['50%', '50%'],
// 雷达图每个指示器名称的配置项
name: {
textStyle: {
color: '#0be2ed'
}
},
// 指示器名称和指示器轴的距离
nameGap: 8,
// 指示器轴的分割段数
splitNumber: 4,
// 雷达图绘制类型,支持 'polygon' 和 'circle'
shape: 'polygon',
// 坐标轴在 grid 区域中的分隔区域,默认不显示
splitArea: {
areaStyle: {
color: ['raba(1, 84, 120, 0.2)']
}
},
// 坐标轴在 grid 区域中的分隔线
splitLine: {
lineStyle: {
color: 'rgb(1, 84, 120)'
}
},
// 坐标轴轴线相关设置。
axisLine: {
lineStyle: {
color: 'rgb(1, 84, 120)',
type: 'dashed'
}
}
},
series: [{
name: '测试',
type: 'radar',
data: [
{
value: [4200, 3000, 20000, 35000, 50000, 18000],
name: '预算分配'
},
{
value: [5000, 14000, 28000, 26000, 42000, 21000],
name: '实际开销'
}
]
}]
};
效果图: