Stacked Bar Chart
Compare part-to-whole relationships across categories with stacked bars.
Quick Start
import { StackedBarChart } from "flitter-ui/chart";
import { Widget } from "@flitterjs/react";
// Create chart widget
const chart = StackedBarChart({
style: "toast",
data: {
labels: ["Jan", "Feb", "Mar", "Apr"],
datasets: [
{ legend: "Product A", values: [40, 65, 50, 80] },
{ legend: "Product B", values: [30, 45, 35, 60] },
],
},
});
// Render with React
<Widget widget={chart} width={600} height={400} />See Integration guide for Svelte, vanilla JS, and more options.
Pastel tones, smooth staggered animations, hover focus effects
Muted tones, minimal animation, clean business dashboard look