1 files changed, 30 insertions, 40 deletions

diff --git a/frontend/src/app/_elements/_charts/box-plot/box-plot.component.ts b/frontend/src/app/_elements/_charts/box-plot/box-plot.component.ts
index 07976da3..b3d25280 100644
--- a/frontend/src/app/_elements/_charts/box-plot/box-plot.component.ts
+++ b/frontend/src/app/_elements/_charts/box-plot/box-plot.component.ts
@@ -16,25 +16,16 @@ Chart.register(BoxPlotController, BoxAndWiskers, LinearScale, CategoryScale);
 })
 export class BoxPlotComponent implements AfterViewInit {
 
-  @Input() width?: number;
-  @Input() height?: number;
-  @Input() mean?: number;
-  @Input() median?: number;
-  @Input() min?: number;
-  @Input() max?: number;
-  @Input() q1?: number;
-  @Input() q3?: number;
+  @Input() width!: number;
+  @Input() height!: number;
+  @Input() mean!: number;
+  @Input() median!: number;
+  @Input() min!: number;
+  @Input() max!: number;
+  @Input() q1!: number;
+  @Input() q3!: number;
 
-  updateChart(min: number, max: number, q1: number, q3: number, median: number) {
-    if (this.myChart) {
-      this.boxplotData.datasets[0].data = [[min, q1, median, q3, max]]
-      this.myChart?.update();
-    }
-    /*this.boxplotData.datasets = [{
-      data: [[min, q1, median, q3, max]],
-    }]*/
-
-  };
+  
 
   /*
   updatePieChart(uniqueValues: string[], uniqueValuesPercent: number[]){
@@ -55,27 +46,29 @@ export class BoxPlotComponent implements AfterViewInit {
     //this.updateChart();
   }
 
-  boxplotData = {
-    // define label tree
-    //labels: ['January'/*, 'February', 'March', 'April', 'May', 'June', 'July'*/],
-    datasets: [{
-      label: 'Dataset 1',
-      backgroundColor: '#0063AB',
-      borderColor: '#dfd7d7',
-      borderWidth: 1,
-      outlierColor: '#999999',
-      scaleFontColor: '#0063AB',
-      padding: 10,
-      itemRadius: 0,
-      data: [
-        randomValues(100, 0, 100),
-      ]
-    }]
-  };
+  
   ngAfterViewInit(): void {
-    this.myChart = new Chart(this.chartRef.nativeElement, {
+    const boxplotData = {
+      // define label tree
+      //labels: ['January'/*, 'February', 'March', 'April', 'May', 'June', 'July'*/],
+      labels:[""],
+      datasets: [{
+        label: 'Dataset 1',
+        backgroundColor: '#0063AB',
+        borderColor: '#dfd7d7',
+        borderWidth: 1,
+        outlierColor: '#999999',
+        scaleFontColor: '#0063AB',
+        padding: 10,
+        itemRadius: 0,
+        data: [
+          {min:this.min,q1:this.q1,q3:this.q3,median:this.median,max:this.max,mean:this.mean}
+        ]
+      }]
+    };
+    const myChart = new Chart(this.chartRef.nativeElement, {
       type: "boxplot",
-      data: this.boxplotData,
+      data: boxplotData,
       options: {
         plugins: {
           legend: {
@@ -92,8 +85,6 @@ export class BoxPlotComponent implements AfterViewInit {
             }
           },
           y: {
-            min: this.min,
-            max: this.max,
             ticks: {
               color: '#dfd7d7'
             },
@@ -106,5 +97,4 @@ export class BoxPlotComponent implements AfterViewInit {
     });
   }
 
-  myChart?: Chart;
 }