From ecbe3d739d91cec3629cf63763bea0de7841bbd1 Mon Sep 17 00:00:00 2001
From: DebugIsFalse <511418503@qq.com>
Date: Wed, 5 Jun 2024 14:05:19 +0800
Subject: [PATCH] Create LineChart.global.vue

---
 components/prose/LineChart.global.vue | 36 +++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)
 create mode 100644 components/prose/LineChart.global.vue

diff --git a/components/prose/LineChart.global.vue b/components/prose/LineChart.global.vue
new file mode 100644
index 0000000..a9ac5c1
--- /dev/null
+++ b/components/prose/LineChart.global.vue
@@ -0,0 +1,36 @@
+<template>
+    <div class="w-full">
+        <canvas id="chart"></canvas>
+    </div>
+</template>
+<script setup>
+import { Chart } from 'chart.js/auto';
+const props = defineProps({
+    title: {
+        type: String,
+        default: ''
+    },
+    labels: {
+        type: Array,
+        default: () => []
+    },
+    data: {
+        type: Array,
+        default: () => []
+    }
+})
+onMounted(() => {
+    new Chart(document.getElementById('chart'), {
+        type: 'line',
+        data: {
+            labels: props.labels,
+            datasets: [
+                {
+                    label: props.title,
+                    data: props.data
+                }
+            ]
+        }
+    })
+})
+</script>
-- 
GitLab