Dashboard UI (#46)

* dashboard UI
2018-06-10 16:49:29 +05:30
parent f733172fcd
commit 6be70d6cb4
13 changed files with 418 additions and 17 deletions
@@ -0,0 +1,37 @@
+import { Component, OnInit } from '@angular/core';
+import { NgxChartsModule } from '@swimlane/ngx-charts';
+import { single } from './data';
+
+@Component({
+  selector: 'app-dashboard',
+  templateUrl: './dashboard.component.html',
+  styleUrls: ['./dashboard.component.scss']
+})
+export class DashboardComponent implements OnInit {
+  single: any[];
+  multi: any[];
+
+  view: any[] = [600, 350];
+
+  // options
+  showXAxis = true;
+  showYAxis = true;
+  gradient = false;
+  showLegend = true;
+  showXAxisLabel = true;
+  xAxisLabel = 'Country';
+  showYAxisLabel = true;
+  yAxisLabel = 'Population';
+
+  colorScheme = {
+    domain: ['#5AA454', '#A10A28', '#C7B42C', '#AAAAAA']
+  };
+  constructor() {
+    Object.assign(this, { single });
+  }
+  ngOnInit() {
+
+  }
+
+}
+