From dc1bc3b4a21d348053b83764efb714dea4eae2fa Mon Sep 17 00:00:00 2001
From: "Ruben Hartenstein (PEA4-Fe)" <Ruben.Hartenstein@de.bosch.com>
Date: Mon, 18 Jan 2021 13:39:50 +0100
Subject: [PATCH] Take advantage of Chartjs new update function

---
 src/app/home/home.component.ts | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/app/home/home.component.ts b/src/app/home/home.component.ts
index 184c2ad..fff1acd 100644
--- a/src/app/home/home.component.ts
+++ b/src/app/home/home.component.ts
@@ -48,7 +48,9 @@ export class HomeComponent implements OnInit {
     this.keys = temp; // invoke update in rb-multiselect
     this.initChart();
 
-    this.calcFieldSelectKeys();
+    // only neccesary if keys get preselected
+    //this.calcFieldSelectKeys();
+
     // fetch all samples populated with according group
     this.getSamples();
   }
@@ -77,8 +79,7 @@ export class HomeComponent implements OnInit {
         }
       });
     }
-    this.myChart.destroy();
-    this.initChart();
+    const datasets = this.updateGraph();
   }
 
   // preset select
@@ -99,7 +100,7 @@ export class HomeComponent implements OnInit {
   }
 
   // get data for graph based on active keys
-  async getData() {
+  updateGraph() {
     let nameList: string[] = [];
     let dataList: number[] = [];
 
@@ -109,20 +110,20 @@ export class HomeComponent implements OnInit {
         dataList.push(key.count);
       }
     })
-    return { names: nameList, count: dataList };
+    this.myChart.data.labels = nameList;
+    this.myChart.data.datasets[0].data = dataList;
+    this.myChart.update();
   }
 
   // draw graph
   async initChart() {
-    const data = await this.getData();
-
     this.myChart = new Chart("myChart", {
       type: 'bar',
       data: {
-        labels: data.names,
+        labels: [],
         datasets: [{
           label: 'Number of samples per group',
-          data: data.count,
+          data: [],
           backgroundColor: 'rgba(0, 86, 145, 1)',
           pointRadius: 4,
           pointHoverRadius: 7