diff options
Diffstat (limited to 'frontend/src/app/point-linechart/point-linechart.component.ts')
| -rw-r--r-- | frontend/src/app/point-linechart/point-linechart.component.ts | 57 |
1 files changed, 0 insertions, 57 deletions
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 |