//常用的option配置:
var option = {
radar: {
shape: 'circle',//雷达图形状
radius:50,//雷达半径
splitNumber: 3, // 雷达图圈数设置
//雷达图各角的标志名称
indicator: [
{ name: '销售', max: 6500},
{ name: '管理', max: 16000},
{ name: '信息技术', max: 30000},
{ name: '客服', max: 38000},
{ name: '研发', max: 52000},
{ name: '市场', max: 25000}
],
name: {
show:true,
formatter:function(value){// //雷达图各角的自定义显示数据
let result = '';
let index = list.indexOf(value);
result = `${value}:${data[index]}`;
return result;
},
textStyle: { //雷达图各角的样式
color: '#595C61'
}
},
axisLine: {
lineStyle: {
color:'black', // 设置雷达图中间射线的颜色
}
},
splitLine : {
show : true,
lineStyle : {
width : 1,
color : 'black', // 雷达图网格的颜色
}
},
splitArea : {
show : false,
areaStyle : {
color: 'transparent', // 雷达图背景的颜色
}
},
},
series: [{
name: '',
type: 'radar',
symbol: 'circle', // 拐点的样式,还可以取值'rect','angle'等
symbolSize: 8, // 拐点的大小
///数据形成的不规则区域的边线样式
itemStyle: {
normal: {
color: 'rgba(255,255,255,0.6);',
lineStyle: {
width: 2,
color: '#21CCDF',
},
},
},
//数据形成的不规则区域的内部样式
areaStyle: {normal: {}},
data : [{
value:_this.radarData,
label: {//各拐点的数值
normal: {
show: true,
formatter:function(params) {
return params.value;
}
}
}
}]
}]
};
Echarts雷达图配置项
最新推荐文章于 2024-08-02 10:05:12 发布