diff options
Diffstat (limited to 'frontend/src/app/point-linechart')
4 files changed, 0 insertions, 84 deletions
diff --git a/frontend/src/app/point-linechart/point-linechart.component.css b/frontend/src/app/point-linechart/point-linechart.component.css deleted file mode 100644 index e69de29b..00000000 --- a/frontend/src/app/point-linechart/point-linechart.component.css +++ /dev/null diff --git a/frontend/src/app/point-linechart/point-linechart.component.html b/frontend/src/app/point-linechart/point-linechart.component.html deleted file mode 100644 index f9f9a24a..00000000 --- a/frontend/src/app/point-linechart/point-linechart.component.html +++ /dev/null @@ -1,2 +0,0 @@ -<canvas #linechart width="800" height="450">Point line chart:</canvas> -<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script> diff --git a/frontend/src/app/point-linechart/point-linechart.component.spec.ts b/frontend/src/app/point-linechart/point-linechart.component.spec.ts deleted file mode 100644 index fe08fe7c..00000000 --- a/frontend/src/app/point-linechart/point-linechart.component.spec.ts +++ /dev/null @@ -1,25 +0,0 @@ -import { ComponentFixture, TestBed } from '@angular/core/testing'; - -import { PointLinechartComponent } from './point-linechart.component'; - -describe('PointLinechartComponent', () => { - let component: PointLinechartComponent; - let fixture: ComponentFixture<PointLinechartComponent>; - - beforeEach(async () => { - await TestBed.configureTestingModule({ - declarations: [ PointLinechartComponent ] - }) - .compileComponents(); - }); - - beforeEach(() => { - fixture = TestBed.createComponent(PointLinechartComponent); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/frontend/src/app/point-linechart/point-linechart.component.ts b/frontend/src/app/point-linechart/point-linechart.component.ts deleted file mode 100644 index 3497a20c..00000000 --- a/frontend/src/app/point-linechart/point-linechart.component.ts +++ /dev/null @@ -1,57 +0,0 @@ -import { AfterViewInit, Component, ElementRef, OnInit, ViewChild } from '@angular/core'; -import {Chart} from 'node_modules/chart.js'; - - -@Component({ - selector: 'app-point-linechart', - templateUrl: './point-linechart.component.html', - styleUrls: ['./point-linechart.component.css'] -}) -export class PointLinechartComponent implements AfterViewInit { - - @ViewChild('linechart') chartRef!: ElementRef; - constructor() { } - ngAfterViewInit(): void { - const myChart = new Chart(this.chartRef.nativeElement, { - type: 'line', - data: { - labels: [1500,1600,1700,1750,1800,1850,1900,1950,1999,2050], - datasets: [{ - data: [86,114,106,106,107,111,133,221,783,2478], - label: "Africa", - borderColor: "#3e95cd", - fill: false - }, { - data: [282,350,411,502,635,809,947,1402,3700,5267], - label: "Asia", - borderColor: "#8e5ea2", - fill: false - }, { - data: [168,170,178,190,203,276,408,547,675,734], - label: "Europe", - borderColor: "#3cba9f", - fill: false - }, { - data: [40,20,10,16,24,38,74,167,508,784], - label: "Latin America", - borderColor: "#e8c3b9", - fill: false - }, { - data: [6,3,2,2,7,26,82,172,312,433], - label: "North America", - borderColor: "#c45850", - fill: false - } - ] - }, - /*options: { - title: { - display: true, - text: 'World population per region (in millions)' - } - }*/ - - }); - - } -}
\ No newline at end of file |