diff --git a/newspipe/templates/history.html b/newspipe/templates/history.html
index 4ceb792e..04b4f0cd 100644
--- a/newspipe/templates/history.html
+++ b/newspipe/templates/history.html
@@ -2,6 +2,7 @@
 {% block head %}
 {{ super() }}
 <script src="{{ url_for('static', filename='npm_components/chart.js/dist/chart.umd.js') }}"></script>
+<script src="{{ url_for('static', filename='npm_components/chartjs-plugin-datalabels/dist/chartjs-plugin-datalabels.min.js') }}"></script>
 <style>
   .chart-container {
     display: block;
@@ -111,34 +112,34 @@ <h3>{{ year }}</h3>
               title: {
                 display: true,
                 text: 'Number of aggregated articles'
+              },
+              // Data Labels Plugin Configuration
+              datalabels: {
+                display: true,
+                align: 'end', // Position above the bar
+                anchor: 'end', // Keeps it above the bar
+                color: '#000', // Black text color
+                font: {
+                  size: 10, // Font size for labels
+                  weight: 'bold',
+                },
+                formatter: function(value) {
+                  return value.toLocaleString(); // Format values with commas
+                },
               }
             },
             responsive: true,
-            onClick: function(evt) {
-              const points = myChart.getElementsAtEventForMode(evt, 'nearest', { intersect: true }, true);
-              if (points.length) {
-                const firstPoint = points[0];
-                var label = myChart.data.labels[firstPoint.index];
-                var value = myChart.data.datasets[firstPoint.datasetIndex].data[firstPoint.index];
-
-                if (months.includes(label)) {
-                  the_month = months.indexOf(label)+1;
-                  window.location = window.location + "/" + the_month;
-                } else {
-                  window.location = window.location + "/" + label;
-                }
+            scales: {
+              x: {
+                display: true,
+              },
+              y: {
+                display: true,
+                beginAtZero: true,
               }
             }
           },
-          scales: {
-            x: {
-              display: true,
-            },
-            y: {
-              display: true,
-              beginAtZero: true,
-            }
-          }
+          plugins: [ChartDataLabels] // Enable the Data Labels Plugin
         });
       }).catch((error) => {
         console.error('Error:', error);
diff --git a/package-lock.json b/package-lock.json
index 2cfb0da1..d49ade67 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,7 +13,8 @@
         "@popperjs/core": "^2.11.8",
         "bootstrap": "^5.3.3",
         "bootstrap-icons": "^1.11.3",
-        "chart.js": "^4.4.6",
+        "chart.js": "^4.4.7",
+        "chartjs-plugin-datalabels": "^2.2.0",
         "luxon": "^3.5.0",
         "moment": "^2.30.1"
       },
@@ -69,9 +70,9 @@
       ]
     },
     "node_modules/chart.js": {
-      "version": "4.4.6",
-      "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-4.4.6.tgz",
-      "integrity": "sha512-8Y406zevUPbbIBA/HRk33khEmQPk5+cxeflWE/2rx1NJsjVWMPw/9mSP9rxHP5eqi6LNoPBVMfZHxbwLSgldYA==",
+      "version": "4.4.7",
+      "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-4.4.7.tgz",
+      "integrity": "sha512-pwkcKfdzTMAU/+jNosKhNL2bHtJc/sSmYgVbuGTEDhzkrhmyihmP7vUc/5ZK9WopidMDHNe3Wm7jOd/WhuHWuw==",
       "dependencies": {
         "@kurkle/color": "^0.3.0"
       },
@@ -79,6 +80,14 @@
         "pnpm": ">=8"
       }
     },
+    "node_modules/chartjs-plugin-datalabels": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/chartjs-plugin-datalabels/-/chartjs-plugin-datalabels-2.2.0.tgz",
+      "integrity": "sha512-14ZU30lH7n89oq+A4bWaJPnAG8a7ZTk7dKf48YAzMvJjQtjrgg5Dpk9f+LbjCF6bpx3RAGTeL13IXpKQYyRvlw==",
+      "peerDependencies": {
+        "chart.js": ">=3.0.0"
+      }
+    },
     "node_modules/luxon": {
       "version": "3.5.0",
       "resolved": "https://registry.npmjs.org/luxon/-/luxon-3.5.0.tgz",
diff --git a/package.json b/package.json
index 5d9d7c70..2a076220 100644
--- a/package.json
+++ b/package.json
@@ -8,6 +8,7 @@
     "bootstrap": "^5.3.3",
     "bootstrap-icons": "^1.11.3",
     "chart.js": "^4.4.7",
+    "chartjs-plugin-datalabels": "^2.2.0",
     "luxon": "^3.5.0",
     "moment": "^2.30.1"
   },