55 lines
1.2 KiB
TypeScript
55 lines
1.2 KiB
TypeScript
|
import {Component} from "@angular/core";
|
||
|
|
import {WarService} from "../services/war-service/war.service";
|
||
|
|
|
||
|
|
|
||
|
|
@Component({
|
||
|
|
selector: 'statistic',
|
||
|
|
templateUrl: './statistic.component.html',
|
||
|
|
styleUrls: ['./statistic.component.css']
|
||
|
|
})
|
||
|
|
export class StatisticComponent {
|
||
|
|
|
||
|
|
chartData: any[] = [];
|
||
|
|
|
||
|
|
colorScheme = {
|
||
|
|
domain: ['#0000FF', '#B22222', '#C7B42C', '#AAAAAA']
|
||
|
|
};
|
||
|
|
|
||
|
|
constructor(private warService: WarService) {
|
||
|
|
Object.assign(this, this.chartData)
|
||
|
|
}
|
||
|
|
|
||
|
|
ngOnInit() {
|
||
|
|
this.warService.getAllWars()
|
||
|
|
.subscribe((wars) => {
|
||
|
|
let updateObj = [{
|
||
|
|
"name": "NATO",
|
||
|
|
"series": []
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"name": "CSAT",
|
||
|
|
"series": []
|
||
|
|
}];
|
||
|
|
for (let i = 0; i < wars.length; i++) {
|
||
|
|
let warDateString = new Date(wars[i].date);
|
||
|
|
let bluforData = {
|
||
|
|
name: warDateString,
|
||
|
|
value: wars[i].ptBlufor
|
||
|
|
};
|
||
|
|
updateObj[0].series.push(bluforData);
|
||
|
|
let opforData = {
|
||
|
|
name: warDateString,
|
||
|
|
value: wars[i].ptOpfor
|
||
|
|
};
|
||
|
|
updateObj[1].series.push(opforData);
|
||
|
|
}
|
||
|
|
this.chartData = updateObj;
|
||
|
|
})
|
||
|
|
};
|
||
|
|
|
||
|
|
onSelect(event) {
|
||
|
|
console.log(event);
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|