样式

src/views/subject-echarts/index.module.less

@@ -1,5 +1,5 @@
 .subjectEcharts {
-    padding: 12px 12px 30px 12px;
+    padding: 12px 12px 14px 12px;
     font-family: 'DINA';
 }
 
@@ -46,7 +46,6 @@
             font-size: 10px;
             border-radius: 12px;
             border: 1px solid;
-            padding: 0 4px;
             margin: 0 3px;
             line-height: 18px;
             width: 40px;
@@ -122,7 +121,7 @@
         padding: 0 10px;
         border-left: 1px solid;
         border-right: 1px solid;
-        border-image: linear-gradient(to bottom, #EAEAEA, #d0d0d0, #EAEAEA) 1;
+        border-image: linear-gradient(to bottom, #f6f6f6, #cacaca, #f6f6f6) 1;
     }
 }
 
@@ -142,7 +141,7 @@
 
     .itemLeft {
         border-right: 1px solid;
-        border-image: linear-gradient(to bottom, #EAEAEA, #979797, #EAEAEA) 1;
+        border-image: linear-gradient(to bottom, #f6f6f6, #cacaca, #f6f6f6) 1;
 
         .subjectName {
             width: 54px;
@@ -208,6 +207,6 @@
     .line {
         border-left: 1px solid;
         border-right: 1px solid;
-        border-image: linear-gradient(to bottom, #EAEAEA, #979797, #EAEAEA) 1;
+        border-image: linear-gradient(to bottom, #f6f6f6, #cacaca, #f6f6f6) 1;
     }
 }

src/views/subject-echarts/index.tsx

@@ -96,7 +96,7 @@ export default defineComponent({
             lineStyle: {
               width: 30,
               type: 'solid',
-              opacity: 0.5,
+              opacity: 0.2,
             },
           }
         },
@@ -191,7 +191,7 @@ export default defineComponent({
               name: activeData.colors[index].text,
               color: activeData.colors[index].color,
               ...symbolData,
-              // yAxisIndex: index === 0 ? 1 : 0,
+              yAxisIndex: index === 0 ? 1 : 0,
               data: activeData.practiceThisWeeks.map((n) => n[key])
             }
           }