Menu
Navigation

Stacked Area Chart

$ npx @flitterjs/cli@latest add stacked-area-chart
GalleryAPI Reference
Quick Start
import StackedAreaChart from "./charts/stacked-area-chart";
import Widget from "@flitterjs/adapter-react";

// Create chart widget
const chart = StackedAreaChart({
  data: {
    labels: ["Jan", "Feb", "Mar", "Apr"],
    datasets: [
      { legend: "Organic", values: [400, 450, 420, 480] },
      { legend: "Direct", values: [200, 220, 210, 230] },
    ],
  },
});

// Render with React
<Widget widget={chart} width={600} height={400} />