option = {
backgroundColor: '#011c3a',
grid: {
left: '5%',
right: '30%',
top: '15%',
bottom: '30%',
containLabel: true
},
textStyle: {
fontSize: '14',
fontWeight: 'normal',
color: '#ffffff'
},
xAxis: {
show: true,
type: 'category',
boundaryGap: true,
axisLine: {
lineStyle: {
color: 'rgba(53,153,196,0.6)',
}
},
axisTick: {
show: false
},
axisLabel: {
color: '#078ceb',
fontSize: 12,
padding: [0, 5, 0, 0]
},
data: ['08:00', '09:00', '10:00', '11:00', '12:00'],
},
yAxis: {
name: 'CPU使用率',
nameTextStyle:{
color:'#a8aab0',
fontSize:12,
padding:[0,40,10,0]
},
show: true,
type: 'value',
axisLine: {
lineStyle: {
color: 'rgba(53,153,196,0.6)',
}
},
axisLabel: {
color: '#a8aab0',
fontSize: 12,
padding: [0, 5, 0, 0]
},
splitLine: {
show: true,
lineStyle: {
type: 'dotted',
color: 'rgba(251, 197, 44, 0.3)',
}
}
},
series: [{
name: '评审得分分布',
type: 'line',
smooth: false,
showSymbol: true,
symbol: 'circle',
symbolSize: 8,
lineStyle: {
normal: {
color: '#00f0ff',
width: 3,
}
},
itemStyle: {
normal: {
color: "#fbc52c",
borderColor: 'rgba(0, 240, 255, 0.2)', //rgba(255, 199, 43, .3)
borderWidth: 10,
shadowColor: '#00f0ff',
shadowBlur: 30,
}
},
data: [25, 30, 40, 50, 60]
}]
};