diff --git a/src/views/monitor/components/box-5.vue b/src/views/monitor/components/box-5.vue index 49896ca..a782f4c 100644 --- a/src/views/monitor/components/box-5.vue +++ b/src/views/monitor/components/box-5.vue @@ -257,19 +257,22 @@ left: '3%', right: '4%', bottom: '20%', - containLabel: true + containLabel: true, + show:false, }, xAxis: [ { nameLocation: 'middle', type: 'category', - boundaryGap: false, + boundaryGap: true, axisLabel: { fontSize:10, interval: 0, // 显示所有标签 rotate: 0, // 旋转标签45度 }, - + minorTisk:{ + show:false, + }, data: ['10:00', '10:00', '10:00', '10:00', '10:00', '10:00', '10:00', '10:00'], axisTisk:{ alignWithLabel: true, @@ -285,10 +288,12 @@ ], yAxis: [ { + type: 'value', min:0, max:45, interval:15, + axisLabel: { fontSize: 12 ,// 设置Y轴刻度字体大小 color: 'rgba(255,255,255,0.9)', @@ -301,20 +306,16 @@ color:'#00D0FF' } }, - axisLine: { - show: false - }, - axisTick: { - show: false - }, - axisLabel: { - color: '#999' - } + } ], series: [ { + itemStyle: { + // 设置柱状图颜色 + color: '#0D53FF' + }, name: '三峡之巅', type: 'bar', stack: 'Ad', @@ -331,6 +332,10 @@ emphasis: { focus: 'series' }, + itemStyle: { + // 设置柱状图颜色 + color: '#05FFB9' + }, data: [20, 5, 14, 14, 0, 20, 11,2] }, { @@ -340,6 +345,10 @@ emphasis: { focus: 'series' }, + itemStyle: { + // 设置柱状图颜色 + color: '#FFCB39' + }, data: [15, 20, 8, 19, 20, 5, 22,13] },