服务管控页面

src/components/e-charts/doubleLine.vue

@@ -82,13 +82,14 @@ export default {
           itemWidth: 10,
           itemHeight: 10,
           orient: "horizontal",
-          backgroundColor: "#f4f7fc"
+          // backgroundColor: "#f4f7fc"
         },
         color:self.colors,
         grid: {
-          left: "1%",
-          right: "4%",
-          bottom: "3%",
+          top: 35,
+          left: 10,
+          right: 30,
+          bottom: 0,
           containLabel: true
         },
         xAxis: [

src/components/e-charts/gkmultiple_circle.vue

@@ -114,7 +114,7 @@ export default {
           type: "pie",
           clockWise: false,
           radius: [65, 70],
-          center: ["50%", "50%"],
+          center: ["50%", "48%"],
           hoverAnimation: false,
           itemStyle: {
             normal: {
@@ -157,7 +157,7 @@ export default {
           show: false
         },
         legend: {
-          bottom: -5,
+          bottom: 0,
           left: "center",
           itemWidth: 10,
           itemHeight: 10,

src/components/e-charts/line_chart.vue

@@ -143,7 +143,7 @@ export default {
         color: this.zzfw ? color2 : color,
         legend: {
           show: yarr.length >= 2, //是否显示图例
-          right: "center",
+          // right: "center",
           bottom: 0,
           itemWidth: 10,
           itemHeight: 10,

src/pages/data-analysis/org-control.vue

@@ -62,14 +62,14 @@
                     :data="mult_data_state"
                     :show_center_data="false"
                     :bar_width="10"
-                    style="height:200px; margin-top:0"
+                    style="height:200px;margin-top:0;"
                   ></gkmultiple-circle>
                 </el-col>
                 <el-col :span="12">
                   <line-chart
                     :data="line_data"
                     :zzfw="true"
-                    style="height:200px;width:400px"
+                    style="height:200px;"
                     :showShadow="false"
                   ></line-chart>
                 </el-col>
@@ -82,7 +82,10 @@
               :show_header="true"
               title="应用构建数量排名"
             >
-              <doubleLine :data="doubleData"></doubleLine>
+              <doubleLine
+                :data="doubleData"
+                style="margin-top: -20px;"
+              ></doubleLine>
             </block-radius>
           </el-col>
         </el-row>
@@ -253,11 +256,11 @@ export default {
         ],
         seriesData: [
           {
-            name: "服务数量",
+            name: "含敏感字段的服务",
             data: [300, 400, 350, 280, 480, 520, 500, 460],
           },
           {
-            name: "应用数量",
+            name: "不含敏感字段的服务",
             data: [300, 350, 400, 280, 320, 450, 400, 350],
           },
         ],

src/pages/data-analysis/super-control.vue

@@ -62,14 +62,14 @@
                     :data="mult_data_state"
                     :show_center_data="false"
                     :bar_width="10"
-                    style="height:200px; margin-top:0"
+                    style="height:200px;margin-top:0;"
                   ></gkmultiple-circle>
                 </el-col>
                 <el-col :span="12">
                   <line-chart
                     :data="line_data"
                     :zzfw="true"
-                    style="height:200px;width:400px"
+                    style="height:200px;"
                     :showShadow="false"
                   ></line-chart>
                 </el-col>
@@ -82,7 +82,7 @@
               :show_header="true"
               title="应用构建数量排名"
             >
-              <doubleLine :data="doubleData"></doubleLine>
+              <doubleLine :data="doubleData" style="margin-top: -20px;"></doubleLine>
             </block-radius>
           </el-col>
         </el-row>
@@ -253,11 +253,11 @@ export default {
         ],
         seriesData: [
           {
-            name: "服务数量",
+            name: "含敏感字段的服务",
             data: [300, 400, 350, 280, 480, 520, 500, 460],
           },
           {
-            name: "应用数量",
+            name: "不含敏感字段的服务",
             data: [300, 350, 400, 280, 320, 450, 400, 350],
           },
         ],