1 files changed, 27 insertions, 14 deletions

diff --git a/frontend/src/app/_elements/_charts/pie-chart/pie-chart.component.ts b/frontend/src/app/_elements/_charts/pie-chart/pie-chart.component.ts
index f141f522..c2bd3262 100644
--- a/frontend/src/app/_elements/_charts/pie-chart/pie-chart.component.ts
+++ b/frontend/src/app/_elements/_charts/pie-chart/pie-chart.component.ts
@@ -10,21 +10,36 @@ export class PieChartComponent implements AfterViewInit {
 
   @Input()width?: number;
   @Input()height?: number;
+  @Input()uniqueValues?: string[] = [];
+  @Input()uniqueValuesPercent?: number[] = [];
+
+  updatePieChart(uniqueValues: string[], uniqueValuesPercent: number[]){
+    console.log(this.uniqueValues, this.uniqueValuesPercent);
+    const newPieChartData = {
+      datasets: [{
+        label: "Population (millions)",
+        backgroundColor: ["#3e95cd", "#8e5ea2","#3cba9f","#e8c3b9","#c45850"],
+        data: [2478,5267,734,784,433],
+      }]
+        
+    }
+  };
   
   @ViewChild('piechart') chartRef!: ElementRef;
   constructor() { }
 
+  pieChartData = {
+    datasets: [{
+      label: "Population (millions)",
+      backgroundColor: ["#3e95cd", "#8e5ea2","#3cba9f","#e8c3b9","#c45850"],
+      data: [2478,5267,734,784,433]
+    }]
+}
+
   ngAfterViewInit(): void {
   const myChart = new Chart(this.chartRef.nativeElement, {
     type: 'pie',
-    data: {
-      labels: ["Africa", "Asia", "Europe", "Latin America", "North America"],
-      datasets: [{
-        label: "Population (millions)",
-        backgroundColor: ["#3e95cd", "#8e5ea2","#3cba9f","#e8c3b9","#c45850"],
-        data: [2478,5267,734,784,433],
-      }]
-    },
+    data: this.pieChartData,
     options: {
       /*title: {
         display: true,
@@ -36,11 +51,9 @@ export class PieChartComponent implements AfterViewInit {
                 },
              },
              layout: {
-              padding: 15}
+              padding: 15
+            }
     }
-});
-
-  }
+  });}
 
-
-}
+}
\ No newline at end of file