褓座3.0

src/components/baozuo-demo/CenterCmp.vue

@@ -220,77 +220,30 @@ export default {
         });
       }
       var myChart = echarts.init(document.getElementById('echarts-new'));
-      // this.option = {
-      //   xAxis: {
-      //     type: 'category',
-      //     data: this.rightData.map(item=>{return item.name}),
-      //     axisLabel: {
-      //       fontSize: 18, // 设置 Y 轴字体大小
-      //       color: '#fff', // 可选：设置字体颜色
-      //     },
-      //   },
-      //   yAxis: {
-      //     type: 'value',
-      //     splitLine: {
-      //       show: false, // 显示 y 轴辅助线
-      //    },
-      //    axisLabel: {
-      //       fontSize: 25, // 设置 Y 轴字体大小
-      //       color: '#fff', // 可选：设置字体颜色
-      //       // 只显示偶数的 y 轴标签
-      //     },
-          
-      //   },
-      //   series: [
-      //     {
-      //       data: this.rightData.map(item=>{return item.value}),
-      //       type: 'bar',
-      //       showBackground: true,
-      //       backgroundStyle: {
-      //         color: 'rgba(180, 180, 180, 0.2)'
-      //       },
-      //       barWidth: '60%',
-      //       itemStyle: {
-      //           borderRadius: [5, 5, 0, 0], // 顶部圆角，模拟切除效果
-      //           color: {
-      //           type: 'linear', // 线性渐变
-      //           x: 0, // 从左到右
-      //           y: 0,
-      //           x2: 0, // 从下到上
-      //           y2: 1,
-      //           colorStops: [
-      //               { offset: 0, color: '#3399FF' }, // 浅蓝色，起始颜色
-      //               { offset: 0.5, color: '#08e5ff' }, // 浅蓝色，起始颜色
-                   
-      //               { offset: 1, color: '#F4f4f4' }  // 白色，结束颜色
-      //           ]
-      //       }
-      //       }
-      //     }
-      //   ]
-      // };
-      
         this.option = {
           xAxis: {
           type: 'category',
           data: categories,
           axisLabel: {
-            fontSize: 19, // 设置 Y 轴字体大小
+            fontSize: 23, // 设置 Y 轴字体大小
             color: '#fff', // 可选：设置字体颜色
-            fontWight:'bold'
+            fontWight:'bold',
+            interval: 0 // 强制显示所有标签
           },
+
         },
         yAxis: {
           type: 'value',
           max: 100,
-          // axisLine: { show: false },
+          axisLine: { show: true },
           splitLine: {
             show: false, // 显示 y 轴辅助线
           },
           axisLabel: {
             fontSize: 25, // 设置 Y 轴字体大小
             color: '#fff', // 可选：设置字体颜色
-            // 只显示偶数的 y 轴标签
+            fontWight:'bold',
+            formatter: '{value}%'  // 在每一个值后面添加 %
           },
         },
         series: series

src/components/baozuo-demo/index.vue

@@ -72,9 +72,9 @@ export default {
       this.dataType = ''; // 如果不是 '1'，则设置为空
     }
 
-    // setInterval(() => {
-    //   this.switchType = this.switchType == 1 ? 2 : 1
-    // }, 15000); // 10000 毫秒 = 10 秒
+    setInterval(() => {
+      this.switchType = this.switchType == 1 ? 2 : 1
+    }, 15000); // 10000 毫秒 = 10 秒
   },
   data() {
     return {

src/components/baozuo-demo/topHeader.vue

@@ -3,7 +3,7 @@
     <dv-decoration-8 class="header-left-decoration" />
   <dv-decoration-5 class="header-center-decoration" /> 
     <dv-decoration-8 class="header-right-decoration" :reverse="false" />
-    <div class="center-title" :style="'font-size:'+$fontSize(0.3)+'px'">{{Name}}</div>
+    <div class="center-title" :style="'font-size:'+$fontSize(0.4)+'px'">{{Name}}</div>
  
   </div>
 </template>
@@ -39,7 +39,7 @@ export default {
     // font-size: 30px;
     font-weight: bold;
     left: 50%;
-    top: 0.15rem;
+    top: 0.1rem;
     transform: translateX(-50%);
   }