项目用到了 没事练习一下
配置项如下
option = {
backgroundColor: '#000928',
color: ['#3D91F7', '#61BE67'],
tooltip: {},
legend: {
show: true,
icon: "circle",
bottom: 30,
center: 0,
itemWidth: 14,
itemHeight: 14,
itemGap: 21,
orient: "horizontal",
data: ['a', 'b'],
textStyle: {
fontSize: '70%',
color: '#8C8C8C'
},
},
radar: {
// shape: 'circle',
radius:'50%',
triggerEvent: true,
name: {
textStyle: {
color: '#fff',
fontSize:'20',
borderRadius: 3,
padding: [3, 5]
}
},
nameGap:'2',
indicator: [{//[4300, 10000, 28000, 35000, 50000, 19000, 21000]
name: '资金周转', max: 6500},
{name: '其他', max: 16000},
{name: '金融理财', max: 30000 },
{name: '投资', max: 38000},
{name: '个人消费',max: 52000}
], // 数据的数量代表展示什么形状的图形
splitArea: {
areaStyle: {
color: [
'rgba(222,134,85, 0.1)', 'rgba(222,134,85, 0.2)',
'rgba(222,134,85, 0.4)', 'rgba(222,134,85, 0.6)',
'rgba(222,134,85, 0.8)', 'rgba(222,134,85, 1)'
].reverse()
}
},
// axisLabel:{//展示刻度
// show: true
// },
axisLine: { //指向外圈文本的分隔线样式
lineStyle: {
color: 'rgba(0,0,0,0)'
}
},
splitLine: {
lineStyle: {
width:2,
color: [
'rgba(224,134,82, 0.1)', 'rgba(224,134,82, 0.2)',
'rgba(224,134,82, 0.4)', 'rgba(224,134,82, 0.6)',
'rgba(224,134,82, 0.8)', 'rgba(224,134,82, 1)'
].reverse()
}
},
},
series: [{
name: '一级权重分析',
type: 'radar',
//areaStyle: {normal: {}},
areaStyle: {
normal: {
color: 'rgba(255,211,30, 0.3)'
}
},
symbolSize: 0,
lineStyle: {
normal: {
color: 'rgba(252,211,3, 1)',
width: 1
}
},
data: [{
value: [4300, 10000, 28000, 35000, 50000, 19000, 21000],
name: '因素',
}
]
}]
}