不知道通过如何配置,才能将数值显于圆点的周围。像我的截图一样, 现在无论如何调,总有数据是在内容阴影区的。
配置项如下
var option = {
radar: {
name: {
textStyle: {
color: '#3dabf7',
fontSize: 16,
height: 40,
lineHeight: 40
}
},
indicator: [
{ name: '内容丰富', max: 10},
{ name: '文笔强', max: 10},
{ name: '充满想象', max: 10},
{ name: '有趣', max: 10},
{ name: '逻辑牛', max: 10}
],
center: ['50%', '54%'],
axisLine: {
lineStyle: {
color: 'rgba(255, 255, 255, 0)'
}
},
splitLine: {
lineStyle: {
color: 'rgba(255, 255, 255, 1)'
}
},
splitArea: {
areaStyle: {
color: ['rgba(248,252,255, 1)',
'rgba(225,243,255, 1)', 'rgba(198,233,255, 1)',
'rgba(156,213,248, 1)', 'rgba(110,188,237, 1)'],
shadowColor: 'rgba(0, 0, 0, 0.3)',
//shadowBlur: 10
}
},
radius: '75%'
},
series: [{
name: '',
type: 'radar',
symbolSize:1,
areaStyle: {normal: {
color: "rgba(184,233,134, 0.4)",//区域颜色
shadowColor: 'rgba(110, 0, 0, 0.3)'
}},
data : [
{
symbol:'circle'
,symbolSize:8//拐点大小
,itemStyle:
{
normal: {
width:3,
borderColor: '#FFFFFF'//#0dbf0d
,borderWidth:1
,color:'#7ED321'
}
}
,value : [6.0, 6.0, 6.0, 6.0, 6.0]
,label: {
normal: {
show: true,
fontSize:15,
//distance:40,
//rotate:90,
//offset:[-9,-3],
position: 'insideTopLeft',
//position: [-2, 2],
color: '#7ED321',
textBorderWidth:3,
textBorderColor:'#ffffff',
//align:'center',
formatter:function(params) {
if (params.value == 0)
{
return '';
}
else
{
return params.value;
}
}
}
}
,lineStyle:
{
normal:{color:'rgba(255, 255, 255, 1)',width:1}
}
}
]
}]
};