made chart refreshes more frequent and charts more elegant
Costa Tsaousis (ktsaou) committed
Apr 6, 2014 at 14:50 UTC
7ff04856c07df900dd31358c7e595a2cf44e8dd8
2 files changed
+11
-11
web/index.html
+2
-2
@@ -59,11 +59,11 @@
59
mainchart.chartOptions.height = $(window).height() - 200;
60
if(mainchart.chartOptions.height < 300) mainchart.chartOptions.height = 300;
61
62
- mainchart.group = 5;
62
+ mainchart.group = 2;
63
mainchart.div = 'maingraph';
64
mainchart.last_updated = 0;
65
66
- if(mainchart.chartOptions.isStacked) mainchart.group = 15;
66
+ if(mainchart.chartOptions.isStacked) mainchart.group = 5;
67
//mainchart.chartOptions.titlePosition = 'none';
68
mainchart.chartOptions.explorer = null;
69
web/netdata.js
+9
-9
@@ -225,7 +225,7 @@ function loadCharts(base_url, doNext) {
225
json.charts[i].chartOptions = {
226
width: 400,
227
height: 200,
228
- lineWidth: 2,
228
+ lineWidth: 1,
229
title: json.charts[i].title,
230
hAxis: {title: "Time of Day", viewWindowMode: 'maximized', format:'HH:mm:ss'},
231
vAxis: {title: json.charts[i].vtitle, minValue: 0},
@@ -247,7 +247,7 @@ function loadCharts(base_url, doNext) {
247
248
// default for all LineChart
249
json.charts[i].chartType = "LineChart";
250
- json.charts[i].chartOptions.lineWidth = 3;
250
+ json.charts[i].chartOptions.lineWidth = 2;
251
json.charts[i].chartOptions.curveType = 'function';
252
}
253
else if(json.charts[i].type == "tc" || json.charts[i].type == "cpu") {
@@ -273,7 +273,7 @@ function loadCharts(base_url, doNext) {
273
case "cpu":
274
json.charts[i].category = "CPU";
275
json.charts[i].glyphicon = "glyphicon-dashboard";
276
- json.charts[i].group = 10;
276
+ json.charts[i].group = 5;
277
278
if(json.charts[i].id.substring(0, 7) == "cpu.cpu") {
279
json.charts[i].chartOptions.vAxis.minValue = 0;
@@ -284,7 +284,7 @@ function loadCharts(base_url, doNext) {
284
case "tc":
285
json.charts[i].category = "Quality of Service";
286
json.charts[i].glyphicon = "glyphicon-random";
287
- json.charts[i].group = 30;
287
+ json.charts[i].group = 15;
288
break;
289
290
case "net":
@@ -301,31 +301,31 @@ function loadCharts(base_url, doNext) {
301
case "ipv4":
302
json.charts[i].category = "IPv4";
303
json.charts[i].glyphicon = "glyphicon-globe";
304
- json.charts[i].group = 10;
304
+ json.charts[i].group = 5;
305
break;
306
307
case "conntrack":
308
json.charts[i].category = "Netfilter";
309
json.charts[i].glyphicon = "glyphicon-cloud";
310
- json.charts[i].group = 10;
310
+ json.charts[i].group = 5;
311
break;
312
313
case "ipvs":
314
json.charts[i].category = "IPVS";
315
json.charts[i].glyphicon = "glyphicon-sort";
316
- json.charts[i].group = 10;
316
+ json.charts[i].group = 5;
317
break;
318
319
case "disk":
320
json.charts[i].category = "Disk I/O";
321
json.charts[i].glyphicon = "glyphicon-hdd";
322
- json.charts[i].group = 10;
322
+ json.charts[i].group = 5;
323
break;
324
325
default:
326
json.charts[i].category = "Unknown";
327
json.charts[i].glyphicon = "glyphicon-search";
328
- json.charts[i].group = 15;
328
+ json.charts[i].group = 5;
329
break;
330
}
331
});