10 Vert

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

Column(
  children: [
    buildLegendItem(Colors.green, '2021', 80),
    const Gap(16),
    buildLegendItem(Colors.orange, '2022', 65),
    const Gap(16),
    buildLegendItem(Colors.purple, '2023', 30),
  ],
),

Widget buildLegendItem(Color color, String title, num percent) {
  return Column(
    crossAxisAlignment: CrossAxisAlignment.center,
    children: [
      Container(
        height: 40,
        width: 40,
        decoration: BoxDecoration(
          shape: BoxShape.circle,
          border: Border.all(
            width: 2,
            color: color,
          ),
        ),
        alignment: Alignment.center,
        child: Text(
          '$percent%',
          style: const TextStyle(
            fontWeight: FontWeight.bold,
            fontSize: 12,
            color: Colors.black87,
          ),
        ),
      ),
      const Gap(6),
      Text(
        title,
        style: const TextStyle(
          fontSize: 10,
          color: Colors.black87,
        ),
      ),
    ],
  );
}