option = {
tooltip: {
trigger: 'axis',
backgroundColor: 'rgba(26,34,126,.9)',
padding: 10,
borderRadius: 4,
textStyle: {
fontSize: 12,
color:"#ffffff"
},
extraCssText: 'box-shadow:0 0 18px rgba(255,255,255,0.2)'
},
backgroundColor: "#000000",
angleAxis: {
type: 'category',
data: ['移动', '联通', '电信'],
axisLine: {
show: true,
lineStyle: {
color: "#FFFFFF",
width: 2
}
},
splitLine: {
show: false,
lineStyle: {
color: "#FFFFFF",
width: 10
}
},
axisLabel: {
show: false,
},
},
radiusAxis: {
axisLine: {
show: false
},
axisTick: {
show: false,
},
splitLine: {
show: false,
},
axisLabel: {
show: false,
},
},
polar: {
z: 0,
center: ['50%', '50%'],
radius: ['0%', '100%'],
},
series: [{
type: 'bar',
barWidth: 120,
data: [25, 20, 50],
coordinateSystem: 'polar',
name: '优',
stack: 'a',
color: '#00F1B9',
itemStyle: {
borderWidth: 3, // 设置边框宽度
borderColor: '#FFF', // 设置边框颜色为白色
},
}, {
type: 'bar',
data: [25, 20, 10],
coordinateSystem: 'polar',
name: '良',
stack: 'a',
color: '#1A8BD8',
itemStyle: {
borderWidth: 3, // 设置边框宽度
borderColor: '#FFF', // 设置边框颜色为白色
},
}, {
type: 'bar',
data: [25, 20, 10],
coordinateSystem: 'polar',
name: '中',
stack: 'a',
color: '#D7CC09',
itemStyle: {
borderWidth: 3, // 设置边框宽度
borderColor: '#FFF', // 设置边框颜色为白色
},
}, {
type: 'bar',
data: [25, 40, 30],
coordinateSystem: 'polar',
name: '差',
stack: 'a',
color: '#972F27',
itemStyle: {
borderWidth: 3, // 设置边框宽度
borderColor: '#FFF', // 设置边框颜色为白色
},
}],
legend: {
show: true,
right: 0,
top: 0,
data: ['优', '良', '中', '差'],
icon: 'rect',
itemWidth: 10,
itemHeight: 10,
textStyle: {
color: '#fff',
}
}
};