更改大屏和三个屏幕的分辨率

src/views/recruitment/card/EnterpriseEmploymentThree.vue

@@ -14,7 +14,7 @@ const option = {
     top: "17%",
     left: "15%",
     right: "5%",
-    bottom: "10%"
+    bottom: "20%"
   },
   // 设置图例
   legend: {
@@ -33,7 +33,12 @@ const option = {
         color: "#CBF2FA" // 文字颜色
       }
     },
-
+    axisLabel: {
+      fontSize: 14, // 设置 x 轴文字大小
+      color: "#CBF2FA", // 可以同时设置文字颜色
+      rotate: 20, // 文字倾斜45度
+      margin: 20 // 增加文字与轴线的距离
+    },
     type: "category",
     data: ["制造业", "服务业", "建筑业"]
   },
@@ -64,7 +69,8 @@ const option = {
       label: {
         show: true,
         position: "top",
-        color: "#30DCFF"
+        color: "#30DCFF",
+        fontSize: 16
       },
       itemStyle: {
         //渐变色
@@ -91,7 +97,8 @@ const option = {
       label: {
         show: true,
         position: "top",
-        color: "#CBF2FA"
+        color: "#CBF2FA",
+        fontSize: 16
       },
       itemStyle: {
         //渐变色

src/views/recruitment/card/EnterpriseEmploymentTwo.vue

@@ -14,7 +14,7 @@ const option = {
     top: "15%",
     left: "15%",
     right: "5%",
-    bottom: "10%"
+    bottom: "20%"
   },
   // 设置图例
   legend: {
@@ -33,7 +33,12 @@ const option = {
         color: "#CBF2FA" // 文字颜色
       }
     },
-
+    axisLabel: {
+      fontSize: 14, // 设置 x 轴文字大小
+      color: "#CBF2FA", // 可以同时设置文字颜色
+      rotate: 20, // 文字倾斜45度
+      margin: 20 // 增加文字与轴线的距离
+    },
     type: "category",
     data: ["微型企业", "小型企业", "中型企业", "大型企业"]
   },
@@ -64,7 +69,8 @@ const option = {
       label: {
         show: true,
         position: "top",
-        color: "#30DCFF"
+        color: "#30DCFF",
+        fontSize: 16
       },
       itemStyle: {
         //渐变色
@@ -91,7 +97,8 @@ const option = {
       label: {
         show: true,
         position: "top",
-        color: "#CBF2FA"
+        color: "#CBF2FA",
+        fontSize: 16
       },
       itemStyle: {
         //渐变色

src/views/recruitment/card/LaborSystemFour.vue

@@ -17,7 +17,7 @@ const option = {
     top: "17%",
     left: "15%",
     right: "5%",
-    bottom: "10%"
+    bottom: "20%"
   },
   tooltip: {
     trigger: "axis"
@@ -28,7 +28,12 @@ const option = {
         color: "#CBF2FA" // 文字颜色
       }
     },
-
+    axisLabel: {
+      fontSize: 14, // 设置 x 轴文字大小
+      color: "#CBF2FA", // 可以同时设置文字颜色
+      rotate: 30, // 文字倾斜45度
+      margin: 20 // 增加文字与轴线的距离
+    },
     type: "category",
     data: [
       "1月",
@@ -67,12 +72,13 @@ const option = {
       type: "line",
       showBackground: true,
       barWidth: 8,
-      data: [38, 62, 52, 41, 37, 62, 52, 41, 67, 62, 52, 41],
+      data: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
       // 设置柱状图的数值
       label: {
         show: true,
         position: "top",
-        color: "#30DCFF"
+        color: "#30DCFF",
+        fontSize: 16
       },
       itemStyle: {
         //渐变色

src/views/recruitment/card/LaborSystemOne.vue

@@ -33,7 +33,9 @@ const option = {
     axisLabel: {
       textStyle: {
         color: "#CBF2FA"
-      }
+      },
+      fontSize: 14, // 设置 x 轴文字大小
+      color: "#CBF2FA" // 可以同时设置文字颜色
     }
   },
   yAxis: {
@@ -62,7 +64,8 @@ const option = {
       label: {
         show: true,
         position: "top",
-        color: "#30DCFF"
+        color: "#30DCFF",
+        fontSize: 16
       },
       itemStyle: {
         //渐变色

src/views/recruitment/card/LaborSystemThree.vue

@@ -17,7 +17,7 @@ const option = {
     top: "17%",
     left: "15%",
     right: "5%",
-    bottom: "10%"
+    bottom: "20%"
   },
   tooltip: {
     trigger: "axis"
@@ -28,7 +28,12 @@ const option = {
         color: "#CBF2FA" // 文字颜色
       }
     },
-
+    axisLabel: {
+      fontSize: 14, // 设置 x 轴文字大小
+      color: "#CBF2FA", // 可以同时设置文字颜色
+      rotate: 30, // 文字倾斜45度
+      margin: 20 // 增加文字与轴线的距离
+    },
     type: "category",
     data: [
       "1月",
@@ -67,12 +72,13 @@ const option = {
       type: "line",
       showBackground: true,
       barWidth: 8,
-      data: [38, 62, 52, 41, 37, 62, 52, 41, 67, 62, 52, 41],
+      data: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
       // 设置柱状图的数值
       label: {
         show: true,
         position: "top",
-        color: "#30DCFF"
+        color: "#30DCFF",
+        fontSize: 16
       },
       itemStyle: {
         //渐变色

src/views/recruitment/card/LaborSystemTwo.vue

@@ -94,8 +94,12 @@ let option = {
         return 30;
       },
       label: {
-        show: false,
-        formatter: "{b}"
+        show: false, // 改为 true 显示标签
+        formatter: "{b}", // 显示城市名称
+        position: "right", // 标签位置在点的上方
+        color: "#fff", // 标签颜色
+        fontSize: 16, // 字体大小
+        fontWeight: "bold" // 字体粗细
       },
       symbol: "image://" + pointImage // 使用本地图片作为标记
     }