diff options
Diffstat (limited to 'frontend/src/app/barchart')
-rw-r--r-- | frontend/src/app/barchart/barchart.component.css | 6 | ||||
-rw-r--r-- | frontend/src/app/barchart/barchart.component.html | 4 | ||||
-rw-r--r-- | frontend/src/app/barchart/barchart.component.spec.ts | 25 | ||||
-rw-r--r-- | frontend/src/app/barchart/barchart.component.ts | 54 |
4 files changed, 0 insertions, 89 deletions
diff --git a/frontend/src/app/barchart/barchart.component.css b/frontend/src/app/barchart/barchart.component.css deleted file mode 100644 index c3634c9f..00000000 --- a/frontend/src/app/barchart/barchart.component.css +++ /dev/null @@ -1,6 +0,0 @@ -#divBarChart{ - background-color: beige; - display: block; - width: 400px; - height: 200px; -} diff --git a/frontend/src/app/barchart/barchart.component.html b/frontend/src/app/barchart/barchart.component.html deleted file mode 100644 index 48b7bd3e..00000000 --- a/frontend/src/app/barchart/barchart.component.html +++ /dev/null @@ -1,4 +0,0 @@ -<p>Bar chart:</p> -<div id="divBarChart"> - <canvas id="Barchart"> </canvas> -</div>
\ No newline at end of file diff --git a/frontend/src/app/barchart/barchart.component.spec.ts b/frontend/src/app/barchart/barchart.component.spec.ts deleted file mode 100644 index 8b346d1c..00000000 --- a/frontend/src/app/barchart/barchart.component.spec.ts +++ /dev/null @@ -1,25 +0,0 @@ -import { ComponentFixture, TestBed } from '@angular/core/testing'; - -import { BarchartComponent } from './barchart.component'; - -describe('BarchartComponent', () => { - let component: BarchartComponent; - let fixture: ComponentFixture<BarchartComponent>; - - beforeEach(async () => { - await TestBed.configureTestingModule({ - declarations: [ BarchartComponent ] - }) - .compileComponents(); - }); - - beforeEach(() => { - fixture = TestBed.createComponent(BarchartComponent); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/frontend/src/app/barchart/barchart.component.ts b/frontend/src/app/barchart/barchart.component.ts deleted file mode 100644 index def64b7d..00000000 --- a/frontend/src/app/barchart/barchart.component.ts +++ /dev/null @@ -1,54 +0,0 @@ -import { Component, OnInit } from '@angular/core'; -import {Chart} from 'node_modules/chart.js'; - -@Component({ - selector: 'app-barchart', - templateUrl: './barchart.component.html', - styleUrls: ['./barchart.component.css'] -}) -export class BarchartComponent implements OnInit { - - constructor() { } - - ngOnInit(){ - const myChart = new Chart("Barchart", { - type: 'bar', - data: { - labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'], - datasets: [{ - label: 'Number of Votes', - data: [12, 19, 3, 5, 2, 3], - backgroundColor: [ - '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)' - ], - 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 - } - } - } - - - }); - - - } - -} |