From 34254357ea1a6c15b386162b63eb451e91895c9d Mon Sep 17 00:00:00 2001 From: Nevena Bojovic Date: Sun, 20 Mar 2022 21:11:18 +0100 Subject: Doradjeni grafici. --- .../src/app/scatterchart/scatterchart.component.ts | 32 ++++++++++++++++++++++ 1 file changed, 32 insertions(+) create mode 100644 frontend/src/app/scatterchart/scatterchart.component.ts (limited to 'frontend/src/app/scatterchart/scatterchart.component.ts') diff --git a/frontend/src/app/scatterchart/scatterchart.component.ts b/frontend/src/app/scatterchart/scatterchart.component.ts new file mode 100644 index 00000000..1da88fe7 --- /dev/null +++ b/frontend/src/app/scatterchart/scatterchart.component.ts @@ -0,0 +1,32 @@ +import { Component, OnInit } from '@angular/core'; +import {Chart} from 'node_modules/chart.js'; + +@Component({ + selector: 'app-scatterchart', + templateUrl: './scatterchart.component.html', + styleUrls: ['./scatterchart.component.css'] +}) +export class ScatterchartComponent implements OnInit { + + constructor() { } + + ngOnInit(){ + const myChart = new Chart("ScatterCharts", { + type: 'scatter', + data: { + datasets: [{ + label: 'Scatter Example:', + data: [{x: 1, y: 11}, {x:2, y:12}, {x: 1, y: 2}, {x: 2, y: 4}, {x: 3, y: 8},{x: 4, y: 16}, {x: 1, y: 3}, {x: 3, y: 4}, {x: 4, y: 6}, {x: 6, y: 9}], + backgroundColor: 'rgb(255, 99, 132)' + }] + }, + options: { + scales: { + y: { + beginAtZero: true + } + } + } + }); + } +} -- cgit v1.2.3