修改我的学习状态样式

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

@@ -17,12 +17,19 @@ export default {
     return {
       chartObj: null,
       gaugeOption: {
+        grid: {
+          top: "center",
+          left: "center",
+          right: "auto",
+          bottom: "auto",
+          containLabel: true,
+        },
         series: [
           {
             type: "gauge",
             startAngle: 180,
             endAngle: 0,
-            center: ["35%", "55%"],
+            // center: ["50%", "50%"],
             radius: "90%",
             min: 0,
             max: 1,
@@ -101,15 +108,15 @@ export default {
       });
       //然后异步执行echarts的初始化函数
       newPromise.then(() => {
-        const setEcharWH = {
-          width: 500,
-          height: 260,
-        };
+        // const setEcharWH = {
+        //   width: 500,
+        //   height: 260,
+        // };
         const chartObj = this.$echarts.init(
           //劳动课程
           this.$el.querySelector("#gauge_canvas"),
-          null,
-          setEcharWH
+          // null,
+          // setEcharWH
         );
         // 初始化雷达图
         this.chartObj = chartObj;
@@ -118,7 +125,6 @@ export default {
       let _this = this;
       window.addEventListener("resize", () => {
         if (_this.chartObj) {
-          debugger;
           _this.chartObj.resize();
         }
       });
@@ -138,7 +144,7 @@ export default {
 </script>
 
 <style scoped>
-.r_box >>> #gauge_canvas > div > canvas {
-  width: 450px !important;
-}
+/* .r_box >>> #gauge_canvas > div > canvas {
+  width: 435px !important;
+} */
 </style>