Added more charts
This commit is contained in:
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+5
-3
@@ -233,8 +233,10 @@ var DetailComponent = (function () {
|
||||
.get(id)
|
||||
.subscribe(function (res) {
|
||||
_this.label = res.labels;
|
||||
_this.data = res.TTE1;
|
||||
_this.data1 = res.HOV;
|
||||
_this.data2 = res.HTV;
|
||||
_this.data3 = res.TOE2;
|
||||
_this.data4 = res.TTE2;
|
||||
_this.loaded = true;
|
||||
});
|
||||
this.dataService
|
||||
@@ -527,7 +529,7 @@ var LineChartComponent = (function () {
|
||||
this.dataService = dataService;
|
||||
// lineChart
|
||||
this.lineChartData = [
|
||||
{ data: [0, 0, 0, 0, 0, 0, 0], label: 'Totaal verbruik' }
|
||||
{ data: [0, 0, 0, 0, 0, 0, 0], label: 'Verbruik' }
|
||||
];
|
||||
this.lineChartLabels = ['-1', '-2', '-3', '-4', '-5', '-6', '-7'];
|
||||
this.lineChartOptions = {
|
||||
@@ -664,7 +666,7 @@ module.exports = "<div>\r\n\t\r\n</div>"
|
||||
/***/ 673:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
module.exports = "<span *ngIf=\"loaded\">\r\n\r\n\t<div class=\"col-md-12\">\r\n\t\t<h2>{{name}}</h2>\r\n\t</div>\r\n\r\n\t<div class=\"col-md-12\">\r\n\t\t<b>HOV:</b> {{hov}}, <b>HTV:</b> {{htv}}, <b>HT:</b> {{ht}}\r\n\t</div>\r\n\r\n\r\n\t<div class=\"col-md-6\">\r\n\t\t<line-chart [label]=\"label\" [data]=\"data\"></line-chart>\r\n\t</div>\r\n\r\n\t<div class=\"col-md-6\">\r\n\t\t<line-chart [label]=\"label\" [data]=\"data2\"></line-chart>\r\n\t</div>\r\n\r\n</span>\r\n"
|
||||
module.exports = "<span *ngIf=\"loaded\">\r\n\r\n\t<div class=\"col-md-12\">\r\n\t\t<h2>{{name}}</h2>\r\n\t</div>\r\n\r\n\t<div class=\"col-md-12\">\r\n\t\t<b>HOV:</b> {{hov}}, <b>HTV:</b> {{htv}}, <b>HT:</b> {{ht}}\r\n\t</div>\r\n\r\n\r\n\t<div class=\"col-md-6\">\r\n\t\t<line-chart [label]=\"label\" [data]=\"data1\"></line-chart>\r\n\t</div>\r\n\r\n\t<div class=\"col-md-6\">\r\n\t\t<line-chart [label]=\"label\" [data]=\"data2\"></line-chart>\r\n\t</div>\r\n\r\n\t<div class=\"col-md-6\">\r\n\t\t<line-chart [label]=\"label\" [data]=\"data3\"></line-chart>\r\n\t</div>\r\n\r\n\t<div class=\"col-md-6\">\r\n\t\t<line-chart [label]=\"label\" [data]=\"data4\"></line-chart>\r\n\t</div>\r\n\r\n</span>\r\n"
|
||||
|
||||
/***/ }),
|
||||
|
||||
|
||||
Vendored
+1
-1
File diff suppressed because one or more lines are too long
@@ -32,7 +32,7 @@ router.get('/data/:device', function(req, res) {
|
||||
let devid = req.params.device;
|
||||
|
||||
connection.query(
|
||||
'SELECT s.* FROM ( SELECT TOE1, TOE2, TTE1, TTE2, HOV, HTV, HT, time FROM measurement WHERE device = ? ORDER BY time DESC LIMIT 0,25 ) s ORDER BY s.time ASC', [devid],
|
||||
'SELECT s.* FROM ( SELECT TOE1, TOE2, TTE1, TTE2, HOV, HTV, HT, time FROM measurement WHERE device = ? ORDER BY time DESC LIMIT 0,250 ) s ORDER BY s.time ASC', [devid],
|
||||
function (error, results, fields) {
|
||||
if (error) throw error;
|
||||
|
||||
|
||||
@@ -18,7 +18,7 @@ export class LineChartComponent implements OnInit, OnChanges {
|
||||
|
||||
// lineChart
|
||||
public lineChartData:Array<any> = [
|
||||
{data: [0,0,0,0,0,0,0], label: 'Totaal verbruik'}
|
||||
{data: [0,0,0,0,0,0,0], label: 'Verbruik'}
|
||||
];
|
||||
public lineChartLabels:Array<any> = ['-1', '-2', '-3', '-4', '-5', '-6', '-7'];
|
||||
public lineChartOptions:any = {
|
||||
|
||||
@@ -10,11 +10,19 @@
|
||||
|
||||
|
||||
<div class="col-md-6">
|
||||
<line-chart [label]="label" [data]="data"></line-chart>
|
||||
<line-chart [label]="label" [data]="data1"></line-chart>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<line-chart [label]="label" [data]="data2"></line-chart>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<line-chart [label]="label" [data]="data3"></line-chart>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<line-chart [label]="label" [data]="data4"></line-chart>
|
||||
</div>
|
||||
|
||||
</span>
|
||||
|
||||
@@ -19,10 +19,12 @@ export class DetailComponent implements OnInit, OnDestroy {
|
||||
public id:string = 'Loading';
|
||||
public name:string = "Loading";
|
||||
|
||||
public data:LineData;
|
||||
public label:LabelData;
|
||||
|
||||
|
||||
public data1:LineData;
|
||||
public data2:LineData;
|
||||
public data3:LineData;
|
||||
public data4:LineData;
|
||||
|
||||
public hov:number = 0;
|
||||
public htv:number = 0;
|
||||
@@ -58,9 +60,12 @@ export class DetailComponent implements OnInit, OnDestroy {
|
||||
.subscribe(res => {
|
||||
|
||||
this.label = res.labels;
|
||||
this.data = res.TTE1;
|
||||
this.data1 = res.HOV;
|
||||
this.data2 = res.HTV;
|
||||
|
||||
this.data3 = res.TOE2;
|
||||
this.data4 = res.TTE2;
|
||||
|
||||
this.loaded = true;
|
||||
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user