aboutsummaryrefslogtreecommitdiff
path: root/frontend/src/app/charts
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/src/app/charts')
-rw-r--r--frontend/src/app/charts/charts.component.css5
-rw-r--r--frontend/src/app/charts/charts.component.html4
-rw-r--r--frontend/src/app/charts/charts.component.spec.ts25
-rw-r--r--frontend/src/app/charts/charts.component.ts59
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
- }
- }
- }
- });
- }
-
-}