aboutsummaryrefslogtreecommitdiff
path: root/frontend/src/app/_elements/line-chart
diff options
context:
space:
mode:
authorDanijel Andjelkovic <adanijel99@gmail.com>2022-05-05 00:46:39 +0000
committerDanijel Andjelkovic <adanijel99@gmail.com>2022-05-05 00:46:39 +0000
commitc77c5289d01f1f02a57a060dc2166b449e597881 (patch)
treecb64f2775335cdd856e81ec9e8ba0bed93fa0985 /frontend/src/app/_elements/line-chart
parent6f48458e058d3e5a8d559adc22adbe78cba9a253 (diff)
parent15c60cb0c179d2d3c353ab3e19370e16d02176eb (diff)
Merge branch 'redesign' into 'master'
merge See merge request igrannonica/neuronstellar!29
Diffstat (limited to 'frontend/src/app/_elements/line-chart')
-rw-r--r--frontend/src/app/_elements/line-chart/line-chart.component.css0
-rw-r--r--frontend/src/app/_elements/line-chart/line-chart.component.html5
-rw-r--r--frontend/src/app/_elements/line-chart/line-chart.component.spec.ts25
-rw-r--r--frontend/src/app/_elements/line-chart/line-chart.component.ts88
4 files changed, 0 insertions, 118 deletions
diff --git a/frontend/src/app/_elements/line-chart/line-chart.component.css b/frontend/src/app/_elements/line-chart/line-chart.component.css
deleted file mode 100644
index e69de29b..00000000
--- a/frontend/src/app/_elements/line-chart/line-chart.component.css
+++ /dev/null
diff --git a/frontend/src/app/_elements/line-chart/line-chart.component.html b/frontend/src/app/_elements/line-chart/line-chart.component.html
deleted file mode 100644
index c8f406f4..00000000
--- a/frontend/src/app/_elements/line-chart/line-chart.component.html
+++ /dev/null
@@ -1,5 +0,0 @@
-<div class="chart-wrapper">
- <canvas id="myChart">
-
- </canvas>
-</div> \ No newline at end of file
diff --git a/frontend/src/app/_elements/line-chart/line-chart.component.spec.ts b/frontend/src/app/_elements/line-chart/line-chart.component.spec.ts
deleted file mode 100644
index 0c5e7ef5..00000000
--- a/frontend/src/app/_elements/line-chart/line-chart.component.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { LineChartComponent } from './line-chart.component';
-
-describe('LineChartComponent', () => {
- let component: LineChartComponent;
- let fixture: ComponentFixture<LineChartComponent>;
-
- beforeEach(async () => {
- await TestBed.configureTestingModule({
- declarations: [ LineChartComponent ]
- })
- .compileComponents();
- });
-
- beforeEach(() => {
- fixture = TestBed.createComponent(LineChartComponent);
- component = fixture.componentInstance;
- fixture.detectChanges();
- });
-
- it('should create', () => {
- expect(component).toBeTruthy();
- });
-});
diff --git a/frontend/src/app/_elements/line-chart/line-chart.component.ts b/frontend/src/app/_elements/line-chart/line-chart.component.ts
deleted file mode 100644
index 1a8579a0..00000000
--- a/frontend/src/app/_elements/line-chart/line-chart.component.ts
+++ /dev/null
@@ -1,88 +0,0 @@
-import { Component, OnInit, Input } from '@angular/core';
-import { Chart } from 'chart.js';
-
-@Component({
- selector: 'app-line-chart',
- templateUrl: './line-chart.component.html',
- styleUrls: ['./line-chart.component.css']
-})
-
-export class LineChartComponent implements OnInit {
-
- dataAcc: number[] = [];
- dataMAE: number[] = [];
- dataMSE: number[] = [];
- dataLOSS: number[] = [];
-
- dataEpoch: number[] = [];
-
- constructor() {
- /*let i = 0;
- setInterval(() => {
- this.dataAcc.push(0.5);
- this.dataEpoch.push(i);
- i++;
- this.update();
- }, 200);*/
- }
-
- myChart!: Chart;
-
- update(myEpochs: number[], myAcc: number[], myLoss: number[], myMae: number[], myMse: number[]) {
- this.dataAcc.length = 0;
- this.dataAcc.push(...myAcc);
-
- this.dataEpoch.length = 0;
- this.dataEpoch.push(...myEpochs);
-
- this.dataMAE.length = 0;
- this.dataMAE.push(...myMae);
-
- this.dataLOSS.length = 0;
- this.dataLOSS.push(...myLoss);
-
- this.dataMSE.length = 0;
- this.dataMSE.push(...myMse);
-
- this.myChart.update();
- }
-
- ngOnInit(): void {
- this.myChart = new Chart("myChart",
- {
- type: 'line',
- data: {
- labels: this.dataEpoch,
- datasets: [{
- label: 'Accuracy',
- data: this.dataAcc,
- borderWidth: 1
- },
- {
- label: 'Loss',
- data: this.dataLOSS,
- borderWidth: 1
- },
- {
- label: 'MAE',
- data: this.dataMAE,
- borderWidth: 1
- },
- {
- label: 'MSE',
- data: this.dataMSE,
- borderWidth: 1
- }
- ]
- },
- options: {
- scales: {
- y: {
- beginAtZero: true
- }
- }
- }
- }
- );
- }
-}