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 index 9102fa70..f50535df 100644 --- a/src/app/components/qunicorn-app/histogram-plot/histogram-plot.component.ts +++ b/src/app/components/qunicorn-app/histogram-plot/histogram-plot.component.ts @@ -31,7 +31,7 @@ export class HistogramPlotComponent implements OnChanges { { label: 'Counts', data: countsData,// Object.values(this.counts), - backgroundColor: "#0000ff" + backgroundColor: "#3f51b5" }, ] }; @@ -57,7 +57,7 @@ export class HistogramPlotComponent implements OnChanges { canvas.setAttribute("height", "5px"); canvas.setAttribute("width", "50px"); canvas.width = 500; - canvas.height = 500; + canvas.height = 300; 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 index 4db97063..6ba4e495 100644 --- a/src/app/components/qunicorn-app/qunicorn-view/qunicorn-app.component.html +++ b/src/app/components/qunicorn-app/qunicorn-view/qunicorn-app.component.html @@ -122,21 +122,25 @@
-

Counts:

- - -

Probabilities:

- +
+

Counts:

+
    +
  • + {{ count.key }}: {{ count.value }} +
  • +
+
+ +
+

Probabilities:

+
    +
  • + {{ probability.key }}: {{ probability.value }} +
  • +
+
-

Histogram:

+

Histogram: