优化首屏

src/oj/ai/components/DifficultyChart.vue

@@ -5,6 +5,27 @@
 </template>
 <script setup lang="ts">
 import { Bar } from "vue-chartjs"
+import {
+  Chart as ChartJS,
+  CategoryScale,
+  LinearScale,
+  BarElement,
+  Title,
+  Tooltip,
+  Legend,
+  Colors,
+} from "chart.js"
+
+// 仅注册柱状图所需的 Chart.js 组件
+ChartJS.register(
+  CategoryScale,
+  LinearScale,
+  BarElement,
+  Title,
+  Tooltip,
+  Legend,
+  Colors,
+)
 
 const props = defineProps<{
   difficulty: { [key: string]: number }

src/oj/ai/components/TagsChart.vue

@@ -5,6 +5,18 @@
 </template>
 <script setup lang="ts">
 import { Pie } from "vue-chartjs"
+import {
+  Chart as ChartJS,
+  ArcElement,
+  Title,
+  Tooltip,
+  Legend,
+  Colors,
+} from "chart.js"
+
+// 仅注册饼图所需的 Chart.js 组件
+ChartJS.register(ArcElement, Title, Tooltip, Legend, Colors)
+
 const props = defineProps<{
   tags: { [key: string]: number }
 }>()

src/oj/ai/components/WeeklyChart.vue

@@ -8,9 +8,34 @@
 <script setup lang="ts">
 import type { ChartData, ChartOptions, TooltipItem } from "chart.js"
 import { Chart } from "vue-chartjs"
+import {
+  Chart as ChartJS,
+  CategoryScale,
+  LinearScale,
+  BarElement,
+  LineElement,
+  PointElement,
+  Title,
+  Tooltip,
+  Legend,
+  Colors,
+} from "chart.js"
 import { useAIStore } from "oj/store/ai"
 import { parseTime } from "utils/functions"
 
+// 注册混合图表（Bar + Line）所需的 Chart.js 组件
+ChartJS.register(
+  CategoryScale,
+  LinearScale,
+  BarElement,
+  LineElement,
+  PointElement,
+  Title,
+  Tooltip,
+  Legend,
+  Colors,
+)
+
 const props = defineProps<{
   end: string
 }>()