adding ChartDataLabels

docs/BatchcodeByCountryBarChartView2.js

@@ -16,6 +16,7 @@ class BatchcodeByCountryBarChartView2 {
             this.#canvas,
             {
                 type: 'bar',
+                plugins: [ChartDataLabels],
                 data: this.#getData(barChartDescription),
                 options: this.#getOptions()
             });
@@ -45,16 +46,19 @@ class BatchcodeByCountryBarChartView2 {
 
     #getOptions() {
         return {
-            indexAxis: 'y',
-            responsive: true,
+            plugins: {
+                datalabels: {
+                    anchor: 'end',
+                    align: 'top'
+                }
+            },
+            title: {
+                display: true,
+                position: 'top'
+            },
             scales: {
                 y: {
-                    title: {
-                        display: true,
-                        text: 'Country'
-                    }
-                },
-                x: {
+                    // FK-TODO: im main branch und pages branch in AdverseReactionReportsChartView.js wie hier "precision: 0" setzen
                     ticks: {
                         precision: 0
                     },
@@ -62,6 +66,12 @@ class BatchcodeByCountryBarChartView2 {
                         display: true,
                         text: 'Frequency'
                     }
+                },
+                x: {
+                    title: {
+                        display: true,
+                        text: 'Country'
+                    }
                 }
             }
         };

docs/batchCodeTable.html

@@ -19,6 +19,8 @@
   <script charset="utf8" src="https://cdn.datatables.net/1.13.1/js/jquery.dataTables.min.js"
     type="text/javascript"></script>
   <script src="https://cdn.jsdelivr.net/npm/chart.js@4.2.0/dist/chart.umd.min.js"></script>
+  <script
+    src=" https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@2.2.0/dist/chartjs-plugin-datalabels.min.js "></script>
   <script src="./Utils.js"></script>
   <script src="./UIUtils.js"></script>
   <script src="./ColumnSearch.js"></script>