mediahub-fe/app/[locale]/(protected)/charts/chart-js/charts-chartjs-scriptable/page.tsx

30 lines
830 B
TypeScript

import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
import ScriptBar from "./script-bar";
import ScriptBubble from "./script-bubble";
const ChartsChartJsScriptBar = () => {
return (
<div className="grid grid-cols-1 gap-6">
<Card>
<CardHeader>
<CardTitle>Bar Chart</CardTitle>
</CardHeader>
<CardContent>
<ScriptBar />
</CardContent>
</Card>
<Card>
<CardHeader>
<CardTitle>Bubble Chart</CardTitle>
</CardHeader>
<CardContent>
<ScriptBubble />
</CardContent>
</Card>
</div>
);
};
export default ChartsChartJsScriptBar;