feat 监控大屏、安全检测

src/views/monitor/components/box-5.vue

@@ -65,13 +65,14 @@
 <script setup>
   import * as echarts from 'echarts/core';
   import countup from 'vue-countup-v3'
-  import gauge from './gauge.vue'
+
   import { use } from 'echarts/core';
   import { CanvasRenderer } from 'echarts/renderers';
   import { GaugeChart } from 'echarts/charts';
   import { PieChart } from 'echarts/charts';
   import { LineChart } from 'echarts/charts';
   import { BarChart } from 'echarts/charts';
+  import { fitChartSize } from '@/utils/dataUtil'
   import {
     TitleComponent,
     TooltipComponent,
@@ -127,7 +128,7 @@
 		  emphasis: {
 			label: {
 				show: true,
-				fontSize: 10,
+				fontSize: fitChartSize(10),
 				fontWeight: 'bold',
 				color:'#fff'
 			  }
@@ -187,7 +188,7 @@
 		  max:45,
 		  interval:15,
 		   axisLabel: {
-			  fontSize: 12 ,// 设置Y轴刻度字体大小
+			  fontSize: fitChartSize(12) ,// 设置Y轴刻度字体大小
 			  color: 'rgba(255,255,255,0.9)',
 		   },
 		   splitLine:{
@@ -266,7 +267,7 @@
 	        type: 'category',
 	        boundaryGap: true,
 	        axisLabel: {
-			  fontSize:10,
+			  fontSize:fitChartSize(10),
 			  interval: 0, // 显示所有标签
 			  rotate: 0, // 旋转标签45度
 	        },
@@ -295,7 +296,7 @@
 	        interval:15,
 			
 	         axisLabel: {
-			  fontSize: 12 ,// 设置Y轴刻度字体大小
+			  fontSize: fitChartSize(12) ,// 设置Y轴刻度字体大小
 			  color: 'rgba(255,255,255,0.9)',
 			  offset:10,
 	         },