Gallery

Weekend Coffee Orders by City

AG
$ npx flitter-ui add bar-chart --ag

Code

import BarChart from "@/components/flitter/charts/bar-chart";

const chart = BarChart({
  data: {
    labels: [
      "Tokyo",
      "Paris",
      "London",
      "New York",
      "Seoul",
      "Berlin",
      "Sydney",
      "Toronto",
      "Dubai",
    ],
    datasets: [
      {
        legend: "Orders",
        values: [92, 78, 85, 70, 88, 45, 63, 51, 34],
      },
    ],
  },
  config: {
    title: { text: "Weekend Coffee Orders by City", visible: true },
    legend: { visible: false },
    bar: { cornerRadius: 2 },
  },
});

Related Charts