diff --git a/frontend/package.json b/frontend/package.json
index 18e99c68b6..9613bdf123 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -20,7 +20,7 @@
     "@nuxtjs/axios": "5.13.6",
     "@nuxtjs/component-cache": "1.1.6",
     "@nuxtjs/vuetify": "1.12.3",
-    "chart.js": "3.9.1",
+    "chart.js": "4.2.0",
     "cheerio": "1.0.0-rc.10",
     "crawler": "link:../crawler",
     "html2canvas": "1.4.1",
@@ -30,7 +30,7 @@
     "nuxt-env": "0.1.0",
     "stylus": "0.59.0",
     "superagent": "8.0.9",
-    "vue-chartjs": "4.1.2",
+    "vue-chartjs": "5.2.0",
     "webpack-virtual-modules": "0.5.0"
   },
   "devDependencies": {
diff --git a/frontend/pnpm-lock.yaml b/frontend/pnpm-lock.yaml
index da9e8e20c7..eff263317b 100644
--- a/frontend/pnpm-lock.yaml
+++ b/frontend/pnpm-lock.yaml
@@ -13,7 +13,7 @@ specifiers:
   '@vue/vue2-jest': 29.2.2
   babel-jest: 29.4.0
   babel-plugin-lodash: 3.3.4
-  chart.js: 3.9.1
+  chart.js: 4.2.0
   cheerio: 1.0.0-rc.10
   crawler: link:../crawler
   eslint: 8.32.0
@@ -33,7 +33,7 @@ specifiers:
   stylus-loader: 7.1.0
   superagent: 8.0.9
   typescript: 4.9.4
-  vue-chartjs: 4.1.2
+  vue-chartjs: 5.2.0
   webpack-virtual-modules: 0.5.0
 
 dependencies:
@@ -41,7 +41,7 @@ dependencies:
   '@nuxtjs/axios': 5.13.6
   '@nuxtjs/component-cache': 1.1.6
   '@nuxtjs/vuetify': 1.12.3
-  chart.js: 3.9.1
+  chart.js: 4.2.0
   cheerio: 1.0.0-rc.10
   crawler: link:../crawler
   html2canvas: 1.4.1
@@ -51,7 +51,7 @@ dependencies:
   nuxt-env: 0.1.0
   stylus: 0.59.0
   superagent: 8.0.9
-  vue-chartjs: 4.1.2_chart.js@3.9.1
+  vue-chartjs: 5.2.0_chart.js@4.2.0
   webpack-virtual-modules: 0.5.0
 
 devDependencies:
@@ -1579,6 +1579,10 @@ packages:
       '@jridgewell/resolve-uri': 3.0.5
       '@jridgewell/sourcemap-codec': 1.4.11
 
+  /@kurkle/color/0.3.2:
+    resolution: {integrity: sha512-fuscdXJ9G1qb7W8VdHi+IwRqij3lBkosAm4ydQtEmbY58OzHXqQhvlxqEkoz0yssNVn38bcpRWgA9PP+OGoisw==}
+    dev: false
+
   /@mdi/font/7.1.96:
     resolution: {integrity: sha512-Imag6npmfkBDi2Ze2jiZVAPTDIKLxhz2Sx82xJ2zctyAU5LYJejLI5ChnDwiD9bMkQfVuzEsI98Q8toHyC+HCg==}
     dev: true
@@ -3616,8 +3620,11 @@ packages:
     resolution: {integrity: sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==}
     dev: false
 
-  /chart.js/3.9.1:
-    resolution: {integrity: sha512-Ro2JbLmvg83gXF5F4sniaQ+lTbSv18E+TIf2cOeiH1Iqd2PGFOtem+DUufMZsCJwFE7ywPOpfXFBwRTGq7dh6w==}
+  /chart.js/4.2.0:
+    resolution: {integrity: sha512-wbtcV+QKeH0F7gQZaCJEIpsNriFheacouJQTVIjITi3eQA8bTlIBoknz0+dgV79aeKLNMAX+nDslIVE/nJ3rzA==}
+    engines: {pnpm: ^7.0.0}
+    dependencies:
+      '@kurkle/color': 0.3.2
     dev: false
 
   /cheerio-select/1.5.0:
@@ -10600,13 +10607,13 @@ packages:
     resolution: {integrity: sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==}
     dev: false
 
-  /vue-chartjs/4.1.2_chart.js@3.9.1:
-    resolution: {integrity: sha512-QSggYjeFv/L4jFSBQpX8NzrAvX0B+Ha6nDgxkTG8tEXxYOOTwKI4phRLe+B4f+REnkmg7hgPY24R0cixZJyXBg==}
+  /vue-chartjs/5.2.0_chart.js@4.2.0:
+    resolution: {integrity: sha512-d3zpKmGZr2OWHQ1xmxBcAn5ShTG917+/UCLaSpaCDDqT0U7DBsvFzTs69ZnHCgKoXT55GZDW8YEj9Av+dlONLA==}
     peerDependencies:
-      chart.js: ^3.7.0
-      vue: ^3.0.0-0 || ^2.6.0
+      chart.js: ^4.1.1
+      vue: ^3.0.0-0 || ^2.7.0
     dependencies:
-      chart.js: 3.9.1
+      chart.js: 4.2.0
     dev: false
 
   /vue-client-only/2.1.0: