X-Git-Url: https://osm.etsi.org/gitweb/?a=blobdiff_plain;f=src%2Fapp%2Fdashboard%2FDashboardComponent.ts;h=4660732f80ffefd48309e1e2a69f98ba9c2588bc;hb=cedffeca6ea3cabc282b753c62a849ca273dfb42;hp=56b79a4d6d21057977668323a58f22001a11ae57;hpb=86e497d0af9d5574ea0769a3bbcd0490f2168b0b;p=osm%2FNG-UI.git

diff --git a/src/app/dashboard/DashboardComponent.ts b/src/app/dashboard/DashboardComponent.ts
index 56b79a4..4660732 100644
--- a/src/app/dashboard/DashboardComponent.ts
+++ b/src/app/dashboard/DashboardComponent.ts
@@ -21,7 +21,7 @@
 import { Component, Injector, OnInit } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
 import { AuthenticationService } from 'AuthenticationService';
-import { Chart } from 'chart.js';
+import { ActiveElement, Chart, ChartEvent } from 'chart.js';
 import { ERRORDATA } from 'CommonModel';
 import { environment } from 'environment';
 import { NSDDetails } from 'NSDModel';
@@ -303,36 +303,29 @@ export class DashboardComponent implements OnInit {
                     data: this.noOfHours,
                     label: this.translateService.instant('NOOFHOURS'),
                     borderColor: this.backgroundColor,
-                    fill: false,
                     backgroundColor: this.backgroundColor
                 }]
             },
             options: {
-                hover: {
-                    onHover(evt: Event, item: {}): void {
-                        const el: HTMLElement = document.getElementById('canvas');
-                        el.style.cursor = item[0] ? 'pointer' : 'default';
-                    }
+                onHover: (evt: ChartEvent, elements):void => {
+                    const el: HTMLElement = document.getElementById('canvas');
+                    el.style.cursor = elements[0] ? 'pointer' : 'default';
+                },
+                plugins: {
+                    legend: { display: false },
                 },
-                legend: { display: false },
                 scales: {
-                    xAxes: [{
+                    x: {
                         display: true,
-                        scaleLabel: {
-                            display: true,
-                            labelString: this.translateService.instant('INSTANCES')
-                        }
-                    }],
-                    yAxes: [{
+                        labels: [this.translateService.instant('INSTANCES')],
+                    },
+                    y: {
                         ticks: {
-                            beginAtZero: true
+                            labelOffset: 0,
                         },
                         display: true,
-                        scaleLabel: {
-                            display: true,
-                            labelString: this.translateService.instant('NOOFHOURS')
-                        }
-                    }]
+                        labels: [this.translateService.instant('NOOFHOURS')]
+                    },
                 }
             }
         });