feat:更新图表组件

lib/widget/chart.dart

@@ -2,7 +2,6 @@ import 'package:flutter/material.dart';
 import 'package:syncfusion_flutter_charts/charts.dart';
 
 import '../models/common_model.dart';
-import 'common_widget.dart';
 
 class StatsCard extends StatelessWidget {
   final String title;
@@ -21,61 +20,46 @@ class StatsCard extends StatelessWidget {
   Widget build(BuildContext context) {
     final colors = Theme.of(context).colorScheme;
 
-    return CommonCard(
-      child: Row(
-        children: [
-          Container(
-            padding: const EdgeInsets.all(12),
-            decoration: BoxDecoration(
-              color: colors.primary.withAlpha(50),
-              shape: BoxShape.circle,
-            ),
-            child: Icon(icon, size: 26, color: colors.primary),
+    return Row(
+      children: [
+        Container(
+          padding: const EdgeInsets.all(12),
+          decoration: BoxDecoration(
+            color: colors.primary,
+            shape: BoxShape.circle,
           ),
-          SizedBox(width: 6),
-          Expanded(
-            child: Column(
-              mainAxisAlignment: MainAxisAlignment.center,
-              crossAxisAlignment: CrossAxisAlignment.center,
-              children: [
-                Text(
-                  title,
-                  style: TextStyle(
-                    fontSize: 16,
-                    color: Colors.grey.shade600,
-                    fontWeight: FontWeight.w500,
+          child: Icon(icon, size: 26, color: colors.surface),
+        ),
+        SizedBox(width: 6),
+        Expanded(
+          child: Column(
+            mainAxisAlignment: MainAxisAlignment.center,
+            crossAxisAlignment: CrossAxisAlignment.center,
+            children: [
+              Text(
+                title,
+                style: Theme.of(context).textTheme.titleMedium,
+              ),
+              const SizedBox(height: 6),
+              Row(
+                mainAxisAlignment: MainAxisAlignment.center,
+                crossAxisAlignment: CrossAxisAlignment.end,
+                children: [
+                  Text(
+                    value,
+                    style: Theme.of(context).textTheme.titleLarge,
                   ),
-                ),
-                const SizedBox(height: 6),
-                Row(
-                  mainAxisAlignment: MainAxisAlignment.center,
-                  crossAxisAlignment: CrossAxisAlignment.end,
-                  children: [
-                    Text(
-                      value,
-                      style: TextStyle(
-                        fontSize: 28,
-                        fontWeight: FontWeight.bold,
-                        color: colors.primary,
-                        height: 1.0,
-                      ),
-                    ),
-                    const SizedBox(width: 4),
-                    Text(
-                      unit,
-                      style: TextStyle(
-                        fontSize: 14,
-                        color: Colors.grey.shade600,
-                        fontWeight: FontWeight.w500,
-                      ),
-                    ),
-                  ],
-                ),
-              ],
-            ),
+                  const SizedBox(width: 4),
+                  Text(
+                    unit,
+                    style: Theme.of(context).textTheme.bodyMedium,
+                  ),
+                ],
+              ),
+            ],
           ),
-        ],
-      ),
+        ),
+      ],
     );
   }
 }
@@ -111,7 +95,12 @@ class LineChart extends StatelessWidget {
           // title: ChartTitle(text: ''),
 
           // X轴配置（类别轴）
-          primaryXAxis: CategoryAxis(majorGridLines: MajorGridLines(width: 0)),
+          primaryXAxis: CategoryAxis(
+            majorGridLines: const MajorGridLines(width: 0),
+            labelIntersectAction: AxisLabelIntersectAction.hide,
+            interval: (data.length > 6) ? 3 : 1, // 根据数据量动态算
+            edgeLabelPlacement: EdgeLabelPlacement.shift,
+          ),
 
           // Y轴配置（数值轴）
           // primaryYAxis: NumericAxis(title: AxisTitle(text: '$yAxisName（$unit）')),
@@ -438,8 +427,9 @@ class RankChart extends StatelessWidget {
       const SizedBox(height: 3),
       _buildChartDivider(context),
       const SizedBox(height: 3),
-      Expanded(
-          child: ListView.builder(
+      ListView.builder(
+        shrinkWrap: true,
+        physics: const NeverScrollableScrollPhysics(),
         itemCount: data.length,
         itemBuilder: (context, index) {
           final item = data[index];
@@ -483,7 +473,7 @@ class RankChart extends StatelessWidget {
             ),
           );
         },
-      ))
+      )
     ]);
   }
 }
@@ -492,7 +482,8 @@ Widget _buildChartTitle(BuildContext context, String title, IconData icon) {
   return Row(
     children: [
       Icon(icon, color: Theme.of(context).colorScheme.primary),
-      Text(title),
+      SizedBox(width: 4),
+      Text(title, style: Theme.of(context).textTheme.titleMedium),
     ],
   );
 }