first

2026-04-07 14:50:23 +09:00
commit b4e485502b
4778 changed files with 2017091 additions and 0 deletions
--- a/safekiso_admin/components/pieChart.ts
+++ b/safekiso_admin/components/pieChart.ts
@@ -0,0 +1,66 @@
+import { defineComponent, h, PropType } from 'vue';
+
+import { Pie } from 'vue-chartjs';
+import {
+    Chart as ChartJS,
+    Title,
+    Tooltip,
+    Legend,
+    ArcElement,
+    CategoryScale,
+    Plugin,
+} from 'chart.js';
+
+ChartJS.register(Title, Tooltip, Legend, ArcElement, CategoryScale);
+
+export default defineComponent({
+    name: 'PieChart',
+    components: {
+        Pie,
+    },
+    props: {
+        chartId: {
+            type: String,
+            default: 'pie-chart',
+        },
+        chartData: {
+            type: Object,
+        },
+        chartOptions: {
+            type: Object,
+        },
+        width: {
+            type: Number,
+            default: 400,
+        },
+        height: {
+            type: Number,
+            default: 400,
+        },
+        cssClasses: {
+            default: '',
+            type: String,
+        },
+        styles: {
+            type: Object as PropType<Partial<CSSStyleDeclaration>>,
+            default: () => {},
+        },
+        plugins: {
+            type: Array as PropType<Plugin<'pie'>[]>,
+            default: () => [],
+        },
+    },
+    setup(props) {
+        return () =>
+            h(Pie, {
+                chartData: props.chartData,
+                chartOptions: props.chartOptions,
+                chartId: props.chartId,
+                width: props.width,
+                height: props.height,
+                cssClasses: props.cssClasses,
+                styles: props.styles,
+                plugins: props.plugins,
+            });
+    },
+});