diff --git a/frontend/package.json b/frontend/package.json
index afcb8114424b..126aab03e58c 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -70,7 +70,7 @@
     "@uiw/react-codemirror": "4.23.6",
     "@vitejs/plugin-react": "4.3.4",
     "cartesian": "^1.0.1",
-    "chart.js": "3.9.1",
+    "chart.js": "4.4.7",
     "chartjs-adapter-date-fns": "3.0.0",
     "chartjs-plugin-annotation": "2.2.1",
     "classnames": "2.5.1",
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index dc54d01fa5d2..8fbbd018ae3f 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -1537,6 +1537,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@kurkle/color@npm:^0.3.0":
+  version: 0.3.4
+  resolution: "@kurkle/color@npm:0.3.4"
+  checksum: 10c0/0e9fd55c614b005c5f0c4c755bca19ec0293bc7513b4ea3ec1725234f9c2fa81afbc78156baf555c8b9cb0d305619253c3f5bca016067daeebb3d00ebb4ea683
+  languageName: node
+  linkType: hard
+
 "@lezer/common@npm:^1.0.0, @lezer/common@npm:^1.1.0, @lezer/common@npm:^1.2.0":
   version: 1.2.1
   resolution: "@lezer/common@npm:1.2.1"
@@ -4014,10 +4021,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"chart.js@npm:3.9.1":
-  version: 3.9.1
-  resolution: "chart.js@npm:3.9.1"
-  checksum: 10c0/a31342233403faaa53bebc1019aeb7b849d6d2cd4108c10f1dd73b36c4fcfc7c21bce8986f2f6eb00a28801fddc68a287b8c9f65e9758c50db6efef955b4e991
+"chart.js@npm:4.4.7":
+  version: 4.4.7
+  resolution: "chart.js@npm:4.4.7"
+  dependencies:
+    "@kurkle/color": "npm:^0.3.0"
+  checksum: 10c0/9db499993c561f11184112003956ba96cf00513e025f58846be36e75ebddc6cbab2f93626c3734c305bc801e9362a9ef193b9591e679c59903b2ecb48cfcb317
   languageName: node
   linkType: hard
 
@@ -10174,7 +10183,7 @@ __metadata:
     "@uiw/react-codemirror": "npm:4.23.6"
     "@vitejs/plugin-react": "npm:4.3.4"
     cartesian: "npm:^1.0.1"
-    chart.js: "npm:3.9.1"
+    chart.js: "npm:4.4.7"
     chartjs-adapter-date-fns: "npm:3.0.0"
     chartjs-plugin-annotation: "npm:2.2.1"
     classnames: "npm:2.5.1"