diff options
Diffstat (limited to 'frontend/src/app/charts')
-rw-r--r-- | frontend/src/app/charts/charts.component.css | 5 | ||||
-rw-r--r-- | frontend/src/app/charts/charts.component.html | 4 | ||||
-rw-r--r-- | frontend/src/app/charts/charts.component.spec.ts | 25 | ||||
-rw-r--r-- | frontend/src/app/charts/charts.component.ts | 59 |
4 files changed, 0 insertions, 93 deletions
diff --git a/frontend/src/app/charts/charts.component.css b/frontend/src/app/charts/charts.component.css deleted file mode 100644 index f56029a1..00000000 --- a/frontend/src/app/charts/charts.component.css +++ /dev/null @@ -1,5 +0,0 @@ -#divChart{ - display: block; - width: 400px; - height: 400px; -}
\ No newline at end of file diff --git a/frontend/src/app/charts/charts.component.html b/frontend/src/app/charts/charts.component.html deleted file mode 100644 index c5e681ab..00000000 --- a/frontend/src/app/charts/charts.component.html +++ /dev/null @@ -1,4 +0,0 @@ -<p color="white">This is my chart!</p> -<div id="divChart"> - <canvas id="charts"> </canvas> -</div>
\ No newline at end of file diff --git a/frontend/src/app/charts/charts.component.spec.ts b/frontend/src/app/charts/charts.component.spec.ts deleted file mode 100644 index 6a4f0b75..00000000 --- a/frontend/src/app/charts/charts.component.spec.ts +++ /dev/null @@ -1,25 +0,0 @@ -import { ComponentFixture, TestBed } from '@angular/core/testing'; - -import { ChartsComponent } from './charts.component'; - -describe('ChartsComponent', () => { - let component: ChartsComponent; - let fixture: ComponentFixture<ChartsComponent>; - - beforeEach(async () => { - await TestBed.configureTestingModule({ - declarations: [ ChartsComponent ] - }) - .compileComponents(); - }); - - beforeEach(() => { - fixture = TestBed.createComponent(ChartsComponent); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/frontend/src/app/charts/charts.component.ts b/frontend/src/app/charts/charts.component.ts deleted file mode 100644 index af7ba25a..00000000 --- a/frontend/src/app/charts/charts.component.ts +++ /dev/null @@ -1,59 +0,0 @@ -import { Component, OnInit } from '@angular/core'; -import {Chart} from 'node_modules/chart.js'; -//import {Chart} from 'chart.js'; - -@Component({ - selector: 'app-charts', - templateUrl: './charts.component.html', - styleUrls: ['./charts.component.css'] -}) -export class ChartsComponent implements OnInit { - - constructor() { } - - /* - 'rgba(255, 99, 132, 1)', - 'rgba(54, 162, 235, 1)', - 'rgba(255, 206, 86, 1)', - 'rgba(75, 192, 192, 1)', - 'rgba(153, 102, 255, 1)', - 'rgba(255, 159, 64, 1)' - */ - ngOnInit(){ - const myChart = new Chart("charts", { - type: 'bar', - data: { - labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'], - datasets: [{ - label: '# of Votes', - data: [12, 19, 3, 5, 2, 3], - backgroundColor: [ - 'rgba(255, 0, 0, 1)', - 'rgba(0, 255, 0, 1)', - 'rgba(0, 0, 255, 1)', - 'rgba(75, 192, 192, 1)', - 'rgba(153, 102, 255, 1)', - 'rgba(255, 159, 64, 1)' - ], - borderColor: [ - 'rgba(255, 99, 132, 1)', - 'rgba(54, 162, 235, 1)', - 'rgba(255, 206, 86, 1)', - 'rgba(75, 192, 192, 1)', - 'rgba(153, 102, 255, 1)', - 'rgba(255, 159, 64, 1)' - ], - borderWidth: 1 - }] - }, - options: { - scales: { - y: { - beginAtZero: true - } - } - } - }); - } - -} |