Monthly Visitors by City
Toast
$ npx flitter-ui add bar-chart --toastCode
import ToastBarChart from "@/components/flitter/charts/toast-bar-chart";
const chart = ToastBarChart({
data: {
labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul"],
datasets: [
{ legend: "Seoul", values: [65, 59, 80, 81, 56, 55, 40] },
{ legend: "Seattle", values: [28, 48, 40, 19, 86, 27, 90] },
{ legend: "Sydney", values: [35, 25, 30, 45, 35, 40, 25] },
],
},
config: {
title: { text: "Monthly Visitors by City", visible: true },
legend: { visible: true },
},
});