option = {
title: {
text: '装备运行状况',
textStyle: {
color: '#fff',
}
},
tooltip: {
trigger: 'axis',
axisPointer: { // 坐标轴指示器，坐标轴触发有效
type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
},
//formatter: '{a}<br />{c}'
},
backgroundColor: '#0c2d55',
color: ["#3f90ff", "#FACD91", "#FF3B30"],
legend: {
show: true,
top: '2%',
icon: "rect",
itemWidth: 15, // 图例标记的图形宽度。
itemHeight: 15, // 图例标记的图形高度。
textStyle: {
color: '#fff',
fontSize: 14,
padding: [0, 8, 0, 8]
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: [{
type: 'category',
axisLine: {
//坐标轴轴线相关设置。数学上的x轴
show: true,
lineStyle: {
color: 'rgb(41,188,245)',
},
},
axisLabel: {
//坐标轴刻度标签的相关设置
textStyle: {
color: '#FFFFFF',
fontSize: 12,
},
},
splitLine: {
show: false,
lineStyle: {
color: '#233653',
},
},
axisTick: {
show: false,
},
data: ['06-08', '06-09', '06-10', '06-11', '06-12', '06-13', '06-14']
}],
yAxis: [{
name: '状态时间(分钟)',
nameTextStyle: {
color: "#fff",
fontSize: 12,
padding: [0, 60, 0, 0]
},
// minInterval: 1,
type: 'value',
splitLine: {
show: true,
lineStyle: {
color: '#1160a0',
type: 'dashed'
},
},
axisLine: {
show: true,
lineStyle: {
color: '#008de7',
},
},
axisLabel: {
show: true,
textStyle: {
color: '#fff',
fontSize: 14
}
},
axisTick: {
show: false,
},
splitLine: false
},
],
series: [
{
name: '生产',
type: 'bar',
stack: 'machine',
barWidth: 40,
label: {
show: true
},
data: [540, 520, 560, 400, 480, 500, 600]
},
{
name: '空闲',
type: 'bar',
label: {
show: true
},
stack: 'machine',
data: [60, 80, 80, 300, 200, 120, 160]
},
{
name: '离线',
type: 'bar',
label: {
show: true
},
stack: 'machine',
data: [840, 840, 800, 740, 760, 820, 680]
},
]
};