1

src/components/pages/myReport/components/mrLearnStatus.vue

@@ -17,20 +17,20 @@ export default {
     return {
       chartObj: null,
       gaugeOption: {
-        grid: {
-          top: "center",
-          left: "center",
-          right: "auto",
-          bottom: "auto",
-          containLabel: true,
-        },
+        // grid: {
+        //   top: "center",
+        //   left: "center",
+        //   right: "auto",
+        //   bottom: "auto",
+        //   containLabel: true,
+        // },
         series: [
           {
             type: "gauge",
             startAngle: 180,
             endAngle: 0,
-            // center: ["50%", "50%"],
-            radius: "90%",
+            center: ["50%", "70%"],
+            radius: "120%",
             min: 0,
             max: 1,
             splitNumber: 6,

src/components/pages/myReport/components/mrOverPer.vue

@@ -63,7 +63,7 @@ export default {};
   flex-wrap: nowrap;
 }
 .perItem > div:first-child {
-  width: 12px;
+  min-width: 12px;
   height: 12px;
   background: #3d74f1;
   border-radius: 50%;