pridane sortovanie

kassovicondrej · Nov 9, 2018 · dcb28c4 · dcb28c4
1 parent 4f63bb5
commit dcb28c4
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 13 deletions.
diff --git a/.idea/workspace.xml b/.idea/workspace.xml
diff --git a/chart/src/app/barchart/chart.component.html b/chart/src/app/barchart/chart.component.html
@@ -18,7 +18,7 @@ <h3 class="fs-2 m-0 font-weight-normal">Vsetky rezorty</h3>
                   (chartClick)="chartClicked($event)"></canvas>
         </div>
         <!-- <button (click)="randomize()">Update</button> -->
-        <!-- <button (click)="sort()">Sort</button> -->
+        <button (click)="onSort()">Sortuj podla uspesnosti</button>
       </div>
     </div>
   </section>

diff --git a/chart/src/app/barchart/chart.component.ts b/chart/src/app/barchart/chart.component.ts
@@ -1,4 +1,5 @@
-import {Component, OnInit} from '@angular/core';
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { BaseChartDirective } from 'ng2-charts';
 
 @Component({
   selector: 'app-chart',
@@ -7,12 +8,14 @@ import {Component, OnInit} from '@angular/core';
 })
 export class ChartComponent {
 
+  @ViewChild(BaseChartDirective)
+  public chart: BaseChartDirective;
   public barChartType: String = 'bar';
   public barChartLegend: Boolean = true;
   public barChartData: any[] = [
-    {data: [20, 30, 60, 40, 50, 35, 25, 34, 44, 15, 28, 15, 5, 45], label: 'Uspesne', stack: '1'},
-    {data: [2, 3, 4, 5, 9, 8, 7, 6, 12, 16, 9, 14, 2, 3], label: 'Rozpracovane', stack: '1'},
-    {data: [20, 23, 21, 26, 22, 1, 17, 26, 27, 29, 14, 15, 22, 27], label: 'Ostatne', stack: '1'}
+    { data: [20, 30, 60, 40, 50, 35, 25, 34, 44, 15, 28, 15, 5, 45], label: 'Uspesne', stack: '1' },
+    { data: [2, 3, 4, 5, 9, 8, 7, 6, 12, 16, 9, 14, 2, 3], label: 'Rozpracovane', stack: '1' },
+    { data: [20, 23, 21, 26, 22, 1, 17, 26, 27, 29, 14, 15, 22, 27], label: 'Ostatne', stack: '1' }
   ];
 
   public barChartLabels: string[] = ['ked je dlhsi-->pica', 'MF', 'MH', 'MK', 'MO', 'b', 'c', 'MS', 'd', 'MV', 'e', 'MZ', 'MZP'];
@@ -42,5 +45,29 @@ export class ChartComponent {
     // console.log('Adam je super projektak a grafy su este viac supernejsie');
   }
 
+  public onSort() {
+    this.sorting(this.barChartData[0].data, this.barChartLabels);
+
+  }
+
+  private sorting(data, label) {
+    // 1) combine the arrays:
+    let list = [];
+    for (let j = 0; j < data.length; j++) {
+      list.push({ 'name': data[j], 'age': label[j] });
+    }
+
+    // 2) sort:
+    list.sort(function (a, b) {
+      return ((a.name < b.name) ? -1 : ((a.name == b.name) ? 0 : 1));
+    });
+
+    // 3) separate them back out:
+    for (let k = 0; k < list.length; k++) {
+      data[k] = list[k].name;
+      label[k] = list[k].age;
+    }
+    this.chart.chart.update();
+  }
 
 }