这个是一个16等份的雷达图,K8-K1之间都有一个隐藏的轴线。
问题1:如果K8与K7之间的数据为空,K1-K8雷达图生成的时候出不来,只能鼠标移到图例才能出现。
问题2:怎么修改雷达图连线的颜色,也就是图例中的红色线怎么修改?
配置项如下
option = {
title: {
text: '个人能力雷达图'
},
legend:{
data: [{
name:'K1-K8',
icon:'rect'
},{
name:'能力级别',
borderColor:'#CCC'
}
],
borderColor :'#FFF'
},
color: ['red', 'green'],
radar: {
shape: 'circle',
splitNumber:3,
interval: 0,
indicator: [
{ name: 'K8', max: 30,axisLabel:{show:true}},
{ name: '', max: 30,axisLine:{show:false}},
{ name: 'K7', max: 30},
{ name: '', max: 30,axisLine:{show:false}},
{ name: 'K6', max: 30},
{ name: '', max: 30,axisLine:{show:false}},
{ name: 'K5', max: 30},
{ name: '', max: 30,axisLine:{show:false}},
{ name: 'K4', max: 30},
{ name: '', max: 30,axisLine:{show:false}},
{ name: 'K3', max: 30},
{ name: '', max: 30,axisLine:{show:false}},
{ name: 'K2', max: 30},
{ name: '', max: 30,axisLine:{show:false}},
{ name: 'K1', max: 30},
{ name: '', max: 30,axisLine:{show:false}}
],
splitArea:{
areaStyle:{
color:['#FFF','#FFF','#FFF'],
shadowColor: 'rgba(0, 0, 0, 0.3)',
shadowBlur: 1
}
},
splitLine:{
lineStyle:{
color: ['#aaa', '#ddd']
}
}
},
series: [{
name: 'K1-K8',
type: 'radar',
data : [
{
value : [13.0,,19.0,,19.0,,19.0,,19.0,,17.0,,26.0,,25.0,],
name : 'K1-K8',
symbol: 'rect',
symbolSize: 1,
areaStyle: {
normal: {
color: 'rgb(167,199,101)'
}
},
lineStyle: {normal: {color:'rgb(167,199,101)',width:1}}//折线样式
},
{
value : [0,0,17.0,0,0,0,0,0,18.33,0,0,0,0,25.5,0],
name:'能力级别'
}
]
}]
};