Gallery

Payment Methods

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

Code

import DonutChart from "@/components/flitter/charts/donut-chart";

const chart = DonutChart({
  data: {
    datasets: [
      { name: "Credit Card", value: 35 },
      { name: "Digital Wallet", value: 28 },
      { name: "Bank Transfer", value: 16 },
      { name: "Debit Card", value: 12 },
      { name: "Cash", value: 5 },
      { name: "Other", value: 4 },
    ],
  },
  config: {
    radial: { visible: true },
    dataLabel: { visible: true },
    dataCenter: { visible: true },
    legend: { visible: false },
  },
});

Related Charts