feat 监控大屏

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]
 	      },