3 Horiz

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

Row(
  mainAxisAlignment: MainAxisAlignment.center,
  crossAxisAlignment: CrossAxisAlignment.start,
  children: [
    buildLegendItem(
      35,
      'Series one title',
      Colors.deepPurple.shade700,
    ),
    const Gap(20),
    buildLegendItem(
      60,
      'Series two title',
      Colors.deepPurple.shade300,
    ),
  ],
),

Widget buildLegendItem(num percent, String title, Color color) {
  return Column(
    crossAxisAlignment: CrossAxisAlignment.start,
    children: [
      Text(
        '$percent%',
        style: const TextStyle(
          fontWeight: FontWeight.bold,
          fontSize: 24,
          color: Colors.black87,
        ),
      ),
      Text(
        title,
        style: const TextStyle(
          fontWeight: FontWeight.w600,
          fontSize: 14,
          color: Colors.grey,
        ),
      ),
      const Gap(8),
      Container(
        width: 100,
        height: 4,
        color: color,
      ),
    ],
  );
}