src/views/dashboard/charts/ChipYield.vue

@@ -95,7 +95,6 @@ export default {
 .chip-yield {
   height: 0;
   flex: 1;
-  background: #c0c1;
   display: flex;
   gap: 12px;
 

src/views/dashboard/charts/ChipYieldChart.vue

@@ -45,7 +45,7 @@ export default {
         title: {
           text: "78%",
           left: "48%",
-          top: "35%",
+          top: "40%",
           textAlign: "center",
           textStyle: {
             fontWeight: 600,
@@ -165,7 +165,7 @@ export default {
   watch: {
     /** 全屏状态切换时，对柱子粗细和字体大小进行相应调整 */
     isFullscreen(val) {
-      this.options.title.top = val ? "40%" : "35%";
+      // this.options.title.top = val ? "40%" : "37%";
       this.options.title.textStyle.fontSize = val ? 48 : 32;
       this.options.title.subtextStyle.fontSize = val ? 18 : 14;
       this.initOptions(this.options);

src/views/dashboard/charts/LeftChartBase.vue

@@ -12,7 +12,7 @@
         v-for="item in legend"
         :key="item.label"
         class="legend-item"
-        :style="{ fontSize: isFullscreen ? '16px' : '12px' }"
+        :style="{ fontSize: isFullscreen ? '0.58vw' : '0.54vw' }"
         >{{ item.label }}</span
       >
     </div>
@@ -213,7 +213,7 @@ export default {
 
   .legend-item {
     position: relative;
-    font-size: 12px;
+    // font-size: 12px;
     margin-right: 0.67vw;
 
     &::before {

src/views/dashboard/charts/RightChartBase.vue

@@ -12,7 +12,7 @@
         v-for="item in legend"
         :key="item.label"
         class="legend-item"
-        :style="{ fontSize: isFullscreen ? '16px' : '12px' }"
+        :style="{ fontSize: isFullscreen ? '0.58vw' : '0.54vw' }"
         >{{ item.label }}</span
       >
     </div>
@@ -248,7 +248,7 @@ export default {
 
   .legend-item {
     position: relative;
-    font-size: 12px;
+    // font-size: 12px;
     margin-right: 0.67vw;
 
     &::before {