1

src/view/echarts_hygiene/eP3.vue

@@ -1,7 +1,7 @@
 <template>
   <div
     ref="chart"
-    style="width: 100%; height: calc(100% - 76px); min-height: 205px"
+    style="width: 100%; height: calc(100% - 46px); min-height: 215px"
   ></div>
 </template>
 
@@ -27,7 +27,7 @@ let option = {
   },
 
   grid: {
-    top: "20%",
+    top: "10%",
     left: "1%",
     right: "10%",
     bottom: "0%",
@@ -41,7 +41,7 @@ let option = {
         formatter: function (params) {
           var str = ""; // 最终拼接成的字符串
           var paramsLen = params.length; // 获取每项文字的个数
-          var len = 4; // 每行能显示的字的个数（根据实际情况自己设置）
+          var len = 5; // 每行能显示的字的个数（根据实际情况自己设置）
           var rowNumber = Math.ceil(paramsLen / len); // 换行的话，需要显示几行，向上取整
           if (paramsLen > len) {
             //大于设定的len就换行，不大于就不变化
@@ -67,7 +67,7 @@ let option = {
         textStyle: {
           color: "#ccc",
         },
-        // rotate: 60,
+        rotate: 30,
       },
       data: data1,
     },

src/view/echarts_hygiene/eP4.vue

@@ -11,7 +11,6 @@ const chart = ref(); // 创建DOM引用
 
 const datas = {
     value: 92.96,
-    text: "留 守 儿 童"
 }
 
 let option = {

src/view/echarts_hygiene/eP5.vue

@@ -1,7 +1,7 @@
 <template>
   <div
     ref="chart"
-    style="width: 100%; height: calc(100% - 66px); min-height: 320px"
+    style="width: 100%; height: calc(100% - 60px); min-height: 320px"
   ></div>
 </template>
 
@@ -41,7 +41,7 @@ let option = {
         formatter: function (params) {
           var str = ""; // 最终拼接成的字符串
           var paramsLen = params.length; // 获取每项文字的个数
-          var len = 5; // 每行能显示的字的个数（根据实际情况自己设置）
+          var len = 6; // 每行能显示的字的个数（根据实际情况自己设置）
           var rowNumber = Math.ceil(paramsLen / len); // 换行的话，需要显示几行，向上取整
           if (paramsLen > len) {
             //大于设定的len就换行，不大于就不变化
@@ -80,7 +80,7 @@ let option = {
       splitLine: {
         show: true,
         lineStyle: {
-          color: "rgba(226, 226, 226, 0.3)",
+          color: "rgba(226, 226, 226, 0.2)",
           width: 1,
         },
       },

src/view/echarts_hygiene/pie.vue

@@ -1,5 +1,5 @@
 <template>
-  <div ref="chart" style="width: 100%; height: calc(100% - 46px);min-height:155px;"></div>
+  <div ref="chart" style="width: 100%; height: calc(100% - 46px);min-height:165px;"></div>
 </template>
 
 <script setup >
@@ -15,7 +15,7 @@ let option = {
     formatter: "{b0}<br />{a0}:{c0} <br />{a1}:{c1} ",
   },
   legend: {
-    top: "8%",
+    top: "3%",
     right: "11%",
     textStyle: {
       fontSize: 12,
@@ -23,6 +23,7 @@ let option = {
     },
   },
   grid: {
+    top:'23%',
     left: "1%",
     right: "10%",
     bottom: "0%",

src/view/echarts_hygiene/pie2.vue

@@ -1,5 +1,5 @@
 <template>
-  <div ref="chart" style="width: 100%; height: calc(100% - 46px);min-height:155px;"></div>
+  <div ref="chart" style="width: 100%; height: calc(100% - 46px);min-height:165px;"></div>
 </template>
 
 <script setup >
@@ -17,7 +17,7 @@ let option = {
   },
   legend: {
     data: ["职工医疗保险金额", "城乡医疗保险金额"],
-    top: "8%",
+    top: "3%",
     right: "11%",
     textStyle: {
       fontSize: 12,
@@ -25,6 +25,7 @@ let option = {
     },
   },
   grid: {
+    top:'23%',
     left: "1%",
     right: "10%",
     bottom: "3%",

src/view/hygiene.vue

@@ -654,6 +654,7 @@ const change = (name, index) => {
   }
 }
 .table {
+  margin-top: 10px;
   width: 95%;
   height: 200px;
   height: calc(100% - 75px);
@@ -670,8 +671,8 @@ const change = (name, index) => {
 }
 /* 滚动条整体部分 */
 .table::-webkit-scrollbar {
-	width: 8px;
+	width: 5px;
-	height: 10px;
+	// height: 10px;
 }
 /* 滚动槽 */
 .table::-webkit-scrollbar-track {