Browse Source

refactor(groupProfile): 隐藏总表每日查获数量组件,优化图表展示

1. 注释掉了页面中的"每日查获数量(总表)"模块
2. 调整DailySeizureChart图表的底部内边距和x轴标签旋转角度,避免文字重叠
3. 增大图表容器高度,提升展示效果
huoyi 1 week ago
parent
commit
d06e9e0994
2 changed files with 6 additions and 5 deletions
  1. 4 3
      src/pages/components/DailySeizureChart.vue
  2. 2 2
      src/pages/groupProfile/index.vue

+ 4 - 3
src/pages/components/DailySeizureChart.vue

@@ -84,7 +84,7 @@ export default {
84
         grid: {
84
         grid: {
85
           left: '10%',
85
           left: '10%',
86
           right: '5%',
86
           right: '5%',
87
-          bottom: '14%',
87
+          bottom: '18%',
88
           top: '10%'
88
           top: '10%'
89
         },
89
         },
90
         xAxis: {
90
         xAxis: {
@@ -97,7 +97,8 @@ export default {
97
           },
97
           },
98
           axisLabel: {
98
           axisLabel: {
99
             color: '#666',
99
             color: '#666',
100
-            fontSize: 10
100
+            fontSize: 10,
101
+            rotate: 30
101
           }
102
           }
102
         },
103
         },
103
         yAxis: {
104
         yAxis: {
@@ -239,7 +240,7 @@ export default {
239
   }
240
   }
240
 
241
 
241
   .chart-container {
242
   .chart-container {
242
-    height:400rpx;
243
+    height:450rpx;
243
   }
244
   }
244
 }
245
 }
245
 </style>
246
 </style>

+ 2 - 2
src/pages/groupProfile/index.vue

@@ -89,9 +89,9 @@
89
                     <ItemDistribution :chartsData="itemDistributionData" />
89
                     <ItemDistribution :chartsData="itemDistributionData" />
90
                 </SectionTitle>
90
                 </SectionTitle>
91
 
91
 
92
-                <SectionTitle title="每日查获数量(总表)">
92
+                <!-- <SectionTitle title="每日查获数量(总表)">
93
                     <SeizedNumAll :chartsData="dailySeizureTotalData" />
93
                     <SeizedNumAll :chartsData="dailySeizureTotalData" />
94
-                </SectionTitle>
94
+                </SectionTitle> -->
95
 
95
 
96
                 <SectionTitle title="每日查获数量">
96
                 <SectionTitle title="每日查获数量">
97
                     <DailySeizureChart :chartsData="dailySeizureData" :title="'个人对比'"/>
97
                     <DailySeizureChart :chartsData="dailySeizureData" :title="'个人对比'"/>