-Multiline x axis labels.

- Remove axis borders.
SoftwareAG · Jan 20, 2022 · 979e82d · 979e82d
1 parent 0c0fd52
commit 979e82d
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/src/c8y-barchart-widget/c8y-barchart-widget.component.ts b/src/c8y-barchart-widget/c8y-barchart-widget.component.ts
@@ -84,7 +84,8 @@ export class C8yBarchartWidget implements OnDestroy, OnInit {
 
             // Add labels to the array
             this.chart.data.labels = this.configDatapoints.map((dp) => {
-                return dp.label;
+                // Create sub-array by splitting by space to enable multi-line label.
+                return dp.label.split(" ");
             });
 
             // Add points to the array
@@ -177,10 +178,16 @@ export class C8yBarchartWidget implements OnDestroy, OnInit {
                 maintainAspectRatio: false,
                 scales: {
                     xAxes: [{
-                        display: true
+                        display: true,
+                        gridLines: {
+                            display: false,
+                        }
                     }],
                     yAxes: [{
                         display: false,
+                        gridLines: {
+                            display: false,
+                          },
                         ticks: {
                             beginAtZero: true
                         }