fix(base): 修改了报告样式

kt-base/src/main/resources/templates/overview.ftl

@@ -290,21 +290,22 @@
     pieChart = {
         title: {
             text: '测试结果',
-            subtext: '${"测试通过率:" + overView.probability + "%"!}',
-            left: 'center'
+            subtext: '                                                      ' +
+                '                                   ${"测试通过率:" + overView.probability + "%"!}',
+            left: 'left'
         },
         tooltip: {
             trigger: 'item'
         },
         legend: {
-            top: '5%',
-            left: 'left'
+            top: '85%',
+            left: 'center'
         },
         series: [
             {
-                name: 'Access From',
+                name: '是否成功',
                 type: 'pie',
-                radius: ['40%', '70%'],
+                radius: ['25%', '50%'],
                 avoidLabelOverlap: false,
                 itemStyle: {
                     borderRadius: 10,
@@ -320,11 +321,14 @@
                         show: true,
                         fontSize: '40',
                         fontWeight: 'bold'
-                    }
                     },
                     labelLine: {
-                    show: false
+                        show: false,
+                        fontSize: '40',
+                        fontWeight: 'bold'
+                    }
                 },
+
                 data: [
                     {value: ${overView.passNum!}, name: 'pass',itemStyle: {
                             color: 'green'
@@ -368,7 +372,7 @@
                 }],
                 type: 'bar',
                 showBackground: true,
-                barWidth : 100,
+                barWidth : 50,
                 backgroundStyle: {
                     color: 'rgba(180, 180, 180, 0.2)'
                 }

kt-web/src/main/resources/reports/index.html

@@ -43,8 +43,8 @@
     </div>
 
     <div style="display: flex;">
-        <div id="pieChart" style="width:50%;height: 350px;"></div>
-        <div id="histogram" style="width:50%;height: 350px;"></div>
+        <div id="pieChart" style="width:50%;height: 300px;"></div>
+        <div id="histogram" style="width:50%;height: 300px;"></div>
     </div>
 
     <div class="table">
@@ -146,21 +146,22 @@
     pieChart = {
         title: {
             text: '测试结果',
-            subtext: '测试通过率',
-            left: 'center'
+            subtext: '                                                      ' +
+                '                               测试通过率: 100%',
+            left: 'left',
         },
         tooltip: {
             trigger: 'item'
         },
         legend: {
-            top: '5%',
-            left: 'left'
+            top: '85%',
+            left: 'center'
         },
         series: [
             {
-                name: 'Access From',
+                name: '是否成功',
                 type: 'pie',
-                radius: ['40%', '70%'],
+                radius: ['25%', '50%'],
                 avoidLabelOverlap: false,
                 itemStyle: {
                     borderRadius: 10,
@@ -176,11 +177,14 @@
                         show: true,
                         fontSize: '40',
                         fontWeight: 'bold'
-                    }
                     },
                     labelLine: {
-                    show: false
+                        show: false,
+                        fontSize: '40',
+                        fontWeight: 'bold'
+                    }
                 },
+
                 data: [
                     {value: 1, name: 'pass',itemStyle: {
                             color: 'green'
@@ -223,7 +227,7 @@
                     }
                 }],
                 type: 'bar',
-                barWidth : 100,
+                barWidth : 50,
                 showBackground: true,
                 backgroundStyle: {
                     color: 'rgba(180, 180, 180, 0.2)'