import 'package:flutter/material.dart';
import 'package:fl_chart/fl_chart.dart';

class ChartPart extends StatelessWidget {
  final List<List<Color>> groupColors; // 接收每个组的颜色

  ChartPart({required this.groupColors}); // 构造函数

  @override
  Widget build(BuildContext context) {
    return OrientationBuilder(builder: (context, orientation) {
      final size = MediaQuery.of(context).size;

      // 使用静态示例数据来绘制图表框架
      List<BarChartGroupData> sampleData = [];
      for (int i = 0; i < groupColors.length; i++) {
        // 确保每个组至少有两个颜色
        if (groupColors[i].isNotEmpty &&
            groupColors[i][0] != Colors.transparent) {
          sampleData.add(
            BarChartGroupData(
              x: i,
              barRods: [
                BarChartRodData(
                    toY: (4 + i).toDouble(), color: groupColors[i][0]),
              ],
            ),
          );
        }
      }
      return OrientationBuilder(
        builder: (context, orientation) {
          return SizedBox(
            width: size.width,
            child: Padding(
              padding: const EdgeInsets.all(10),
              child: BarChart(
                BarChartData(
                  maxY: 10,
                  barTouchData: BarTouchData(enabled: false),
                  titlesData: FlTitlesData(
                    show: true,
                    bottomTitles: AxisTitles(
                      sideTitles: SideTitles(
                        showTitles: true,
                        reservedSize: 42,
                        getTitlesWidget: (value, meta) {
                          // 根据方向设置标题
                          return Text(orientation == Orientation.portrait
                              ? 'Group $value'
                              : 'Group $value'); // 可以根据需要调整
                        },
                      ),
                    ),
                    topTitles: const AxisTitles(
                      sideTitles: SideTitles(
                        showTitles: false,
                      ),
                    ),
                    rightTitles: const AxisTitles(
                      sideTitles: SideTitles(
                        showTitles: false,
                      ),
                    ),
                    leftTitles: AxisTitles(
                      sideTitles: SideTitles(
                        showTitles: true,
                        reservedSize: 40,
                        getTitlesWidget: (value, meta) {
                          return RotatedBox(
                            quarterTurns: 0, // 旋转 270 度
                            child: Text(value.toString()),
                          );
                        },
                      ),
                    ),
                  ),
                  borderData: FlBorderData(show: false),
                  barGroups: sampleData,
                  alignment: BarChartAlignment.spaceAround,
                ),
              ),
            ),
          );
        },
      );
    });
  }
}