Bar Chart

LiqBarChart is a deliberately minimal single-series bar chart. It auto-scales the y-axis to [min, max] (where max defaults to the tallest bar value with a small visual headroom), renders entirely via CustomPaint, and ships zero external dependencies. Optional 11pt category labels render in a 24pt strip beneath each bar.

By design the widget has a single series, vertical bars only, no legends, no axes, and no grid lines. Wrap it in your own labels or annotations when you need more — the goal is a clean primitive that drops into dashboard tiles, list-cell summaries, and weekly summary widgets.

Default

// ignore_for_file: file_names // hyphenated name required by snippet manifest conventionimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/liqkit_ui.dart';​/// Snippet builder consumed by `apps/docs_snippets/lib/src/routes.g.dart`.Widget barChartDefaultBuilder(BuildContext context) {  return SnippetFrame(    maxWidth: 480,    height: 200,    child: LiqBarChart(      bars: const <LiqBar>[        LiqBar(value: 12, label: 'Mon'),        LiqBar(value: 18, label: 'Tue'),        LiqBar(value: 9, label: 'Wed'),        LiqBar(value: 24, label: 'Thu'),        LiqBar(value: 16, label: 'Fri'),        LiqBar(value: 22, label: 'Sat'),        LiqBar(value: 14, label: 'Sun'),      ],    ),  );}

Multi Color

// ignore_for_file: file_names // hyphenated name required by snippet manifest conventionimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/liqkit_ui.dart';​/// Snippet builder consumed by `apps/docs_snippets/lib/src/routes.g.dart`.Widget barChartMultiColorBuilder(BuildContext context) {  return SnippetFrame(    maxWidth: 480,    height: 200,    child: LiqBarChart(      bars: const <LiqBar>[        LiqBar(value: 12, label: 'Mon', color: Color(0xFF34C759)),        LiqBar(value: 18, label: 'Tue', color: Color(0xFF007AFF)),        LiqBar(value: 9, label: 'Wed', color: Color(0xFF34C759)),        LiqBar(value: 24, label: 'Thu', color: Color(0xFF007AFF)),        LiqBar(value: 16, label: 'Fri', color: Color(0xFF007AFF)),        LiqBar(value: 22, label: 'Sat', color: Color(0xFF007AFF)),        LiqBar(value: 14, label: 'Sun', color: Color(0xFF34C759)),      ],    ),  );}

No Labels

// ignore_for_file: file_names // hyphenated name required by snippet manifest conventionimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/liqkit_ui.dart';​/// Snippet builder consumed by `apps/docs_snippets/lib/src/routes.g.dart`.Widget barChartNoLabelsBuilder(BuildContext context) {  return SnippetFrame(    maxWidth: 200,    height: 60,    child: LiqBarChart(      showLabels: false,      bars: const <LiqBar>[        LiqBar(value: 12),        LiqBar(value: 18),        LiqBar(value: 9),        LiqBar(value: 24),        LiqBar(value: 16),        LiqBar(value: 22),        LiqBar(value: 14),      ],    ),  );}