修改标题

src/components/newmain/item1/index.vue

@@ -29,11 +29,12 @@ export default {
     const option = {
       title: {
         text: "煤炭产量",
-        // 标题内边距 上下边距 左右边距titl
-        padding: [10, 0, 0, 160],
+        // 标题内边距 上下边距 左右边距
+        padding: [10, 0, 0, 110],
         textStyle: {
+          fontWeight: "bolder", //标题颜色
           color: "white",
-          fontSize: 16,
+          fontSize: 18,
         },
       },
       tooltip: {

src/components/newmain/item10/index.vue

@@ -28,7 +28,7 @@
 <style scoped>
 .title {
   color: #fff;
-  font-size: 16px;
+  font-size: 18px;
   font-weight: bolder;
   margin-left: 150px;
 }
@@ -42,7 +42,7 @@
   justify-items: center;
   grid-gap: 10px;
   height: 140px;
-  /* border: 1px solid #4adefe; */
+  border: 1px solid #4adefe;
 }
 
 .item-1 {

src/components/newmain/item11/index.vue

@@ -37,11 +37,11 @@ export default {
        title: {
           text: "煤仓煤位",
           // 标题内边距 上下边距 左右边距
-          padding: [10, 7, 7, 140],
-          top:-2,
+          padding: [0, 0, 0, 110],
           textStyle: {
+            fontWeight: "bolder", //标题颜色
             color: "white",
-            fontSize: 16,
+            fontSize: 18,
           },
         },
         legend: {
@@ -94,7 +94,7 @@ export default {
           extraCssText: "box-shadow: 1px 0 2px 0 rgba(163,163,163,0.5)",
         },
         grid: {
-          top: "25%",
+          top: "22%",
           left: "3%",
           right: "4%",
           bottom: "3%",
@@ -342,4 +342,5 @@ export default {
 };
 </script>
 <style scoped>
+
 </style>

src/components/newmain/item12/index.vue

@@ -30,10 +30,11 @@ export default {
       title: {
         text: "风险概览",
         // 标题内边距 上下边距 左右边距
-        padding: [10, 0, 0, 150],
+        padding: [10, 0, 0, 70],
         textStyle: {
+          fontWeight: "bolder", //标题颜色
           color: "white",
-          fontSize: 16,
+          fontSize: 18,
         },
       },
       tooltip: {

src/components/newmain/item3/index.vue

@@ -27,10 +27,11 @@ export default {
       title: {
         text: "区域得分",
         // 标题内边距 上下边距 左右边距
-        padding: [10, 0, 0, 8],
+        padding: [10, 0, 0, 70],
         textStyle: {
+          fontWeight: "bolder", //标题颜色
           color: "white",
-          fontSize: 16,
+          fontSize: 18,
         },
       },
       tooltip: {

src/components/newmain/item4/index.vue

@@ -177,10 +177,11 @@ export default {
         title: {
           text: "掘进进尺",
           // 标题内边距 上下边距 左右边距
-          padding: [10, 0, 0, 150],
+          padding: [10, 0, 0, 110],
           textStyle: {
+            fontWeight: "bolder", //标题颜色
             color: "white",
-            fontSize: 16,
+            fontSize: 18,
           },
         },
 

src/components/newmain/item5/index.vue

@@ -17,10 +17,11 @@ export default {
       title: {
         text: "环境参数",
         // 标题内边距 上下边距 左右边距
-        padding: [10, 0, 0, 155],
+        padding: [10, 0, 0, 70],
         textStyle: {
+          fontWeight: "bolder", //标题颜色
           color: "white",
-          fontSize: 16,
+          fontSize: 18,
         },
       },
       tooltip: {

src/components/newmain/item6/index.vue

@@ -18,10 +18,11 @@ export default {
       title: {
         text: "材料损耗",
         // 标题内边距 上下边距 左右边距
-        padding: [10, 0, 0, 155],
+        padding: [10, 0, 0, 70],
         textStyle: {
+          fontWeight: "bolder", //标题颜色
           color: "white",
-          fontSize: 16,
+          fontSize: 18,
         },
       },
       tooltip: {
@@ -56,7 +57,7 @@ export default {
       legend: {
         show: true,
         orient: "horizontal",
-        padding: [30, 0, 0, 0],
+        padding: [10, 0, 0, 0],
         right: 0,
         icon: "circle",
         itemGap: 10,

src/components/newmain/item7/index.vue

@@ -29,10 +29,11 @@ export default {
       title: {
         text: "人员数量",
         // 标题内边距 上下边距 左右边距
-        padding: [10, 0, 0, 155],
+        padding: [10, 0, 0, 70],
         textStyle: {
+          fontWeight: "bolder", //标题颜色
           color: "white",
-          fontSize: 16,
+          fontSize: 18,
         },
       },
       tooltip: {

src/components/newmain/item8/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div >
-    <div ref="testLine" style="height: 170px; width: 300px;margin-left:25px;"></div>
+    <div ref="testLine" style="height: 170px; width: 300px"></div>
   </div>
 </template>
 
@@ -18,10 +18,11 @@ export default {
         title: {
           text: "各煤仓占比",
           // 标题内边距 上下边距 左右边距
-          padding: [10, 0, 0, 110],
+          padding: [10, 10, 0, 110],
           textStyle: {
+            fontWeight: "bolder", //标题颜色
             color: "white",
-            fontSize: 16,
+            fontSize: 18,
           },
         },
         tooltip: {
@@ -29,7 +30,7 @@ export default {
         },
          grid: {
           top: "22%",
-          left: "15%",
+          left: "41%",
           right: "4%",
           bottom: "3%",
           containLabel: true,