removed dummy data

UST-QuAntiL · Dec 6, 2023 · 5bfbfb3 · 5bfbfb3
1 parent 3de3509
commit 5bfbfb3
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 15 deletions.
diff --git a/src/app/components/qunicorn-app/histogram-plot/histogram-plot.component.ts b/src/app/components/qunicorn-app/histogram-plot/histogram-plot.component.ts
@@ -8,15 +8,15 @@ import { Chart } from 'chart.js';
   templateUrl: './histogram-plot.component.html',
   styleUrls: ['./histogram-plot.component.scss']
 })
-export class HistogramPlotComponent implements OnInit {
+export class HistogramPlotComponent implements OnChanges {
 
   @ViewChild('plot', { static: true }) plotDiv;
 
   @Input() counts: { [props: string]: number } | null = null;
 
   constructor() { }
 
-  ngOnInit(): void {
+  ngOnChanges(): void {
 
     const labels = Object.keys(this.counts);
 
@@ -41,16 +41,12 @@ export class HistogramPlotComponent implements OnInit {
       data: data,
       options: {
         scales: {
-          x: {
-            grid: {
-              offset: true
+          yAxes: [{
+              ticks: {
+              beginAtZero: true,
+              min: 0,
             }
-          },
-          y: {
-            beginAtZero: true,
-            min: 0,
-            max: 2010,
-          }
+          }]
         }
       },
     }
@@ -60,8 +56,8 @@ export class HistogramPlotComponent implements OnInit {
     const canvas = document.createElement("canvas");
     canvas.setAttribute("height", "5px");
     canvas.setAttribute("width", "50px");
-    canvas.width = 5;
-    canvas.height = 5;
+    canvas.width = 500;
+    canvas.height = 500;
     const context = canvas.getContext('2d');
     context.scale(0.5, 0.5);
     //chartcontext.scale(50, 50);

diff --git a/src/app/components/qunicorn-app/qunicorn-view/qunicorn-app.component.html b/src/app/components/qunicorn-app/qunicorn-view/qunicorn-app.component.html
@@ -137,7 +137,7 @@ <h3>Probabilities:</h3>
             </ul>
 
             <h3>Histogram:</h3>
-            <app-histogram-plot [counts]="{'0': 2007, '11': 1993}"></app-histogram-plot>
+            <app-histogram-plot [counts]=counts></app-histogram-plot>
           </div>
         </div>
 

diff --git a/src/app/components/qunicorn-app/qunicorn-view/qunicorn-app.component.ts b/src/app/components/qunicorn-app/qunicorn-view/qunicorn-app.component.ts
@@ -2,7 +2,7 @@ import { Component, OnInit, ViewChild, ElementRef } from '@angular/core';
 import { Router } from '@angular/router';
 import { HttpClient, HttpHeaders } from '@angular/common/http';
 import { UtilService } from '../../../util/util.service';
-import { HistogramPlotComponent } from '../histogram-plot/histogram-plot.component'
+import { HistogramPlotComponent } from '../histogram-plot/histogram-plot.component';
 
 @Component({
   selector: 'qunicorn-app',