diff options
author | Danijel Andjelkovic <adanijel99@gmail.com> | 2022-05-05 00:46:39 +0000 |
---|---|---|
committer | Danijel Andjelkovic <adanijel99@gmail.com> | 2022-05-05 00:46:39 +0000 |
commit | c77c5289d01f1f02a57a060dc2166b449e597881 (patch) | |
tree | cb64f2775335cdd856e81ec9e8ba0bed93fa0985 /frontend/src/app/_elements/line-chart | |
parent | 6f48458e058d3e5a8d559adc22adbe78cba9a253 (diff) | |
parent | 15c60cb0c179d2d3c353ab3e19370e16d02176eb (diff) |
Merge branch 'redesign' into 'master'
merge
See merge request igrannonica/neuronstellar!29
Diffstat (limited to 'frontend/src/app/_elements/line-chart')
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 - } - } - } - } - ); - } -} |