/
nvd3_test_demo_all.html
510 lines (423 loc) · 77 KB
/
nvd3_test_demo_all.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
<!DOCTYPE html>
<html lang="en">
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<link media="all" href="http://rawgithub.com/novus/nvd3/master/nv.d3.css" type="text/css" rel="stylesheet" />
<script src="http://rawgithub.com/mbostock/d3/master/d3.min.js" type="text/javascript"></script>
<script src="http://rawgithub.com/novus/nvd3/master/nv.d3.min.js" type="text/javascript"></script>
</head>
<h2>discreteBarChart</h2>
<div id="mygraphname"><svg style="height:400px;"></svg></div>
<script>
$(function(){nv.addGraph(function() {
var chart = nv.models.discreteBarChart();
chart.xAxis
chart.tooltipContent(function(key, y, e, graph) {
var x = String(graph.point.x);
var y = String(graph.point.y);
if(key == 'Serie 1'){
var y = String(graph.point.y) + ' cal';
}
tooltip_str = '<center><b>'+key+'</b></center>' + y + ' at ' + x;
return tooltip_str;
});
d3.select('#mygraphname svg')
.datum(data_mygraphname)
.transition().duration(500)
.attr('height', 400)
.call(chart);
return chart;
});
});data_mygraphname=[{"values": [{"y": 3, "x": "A"}, {"y": 12, "x": "B"}, {"y": -10, "x": "C"}, {"y": 5, "x": "D"}, {"y": 25, "x": "E"}, {"y": -7, "x": "F"}, {"y": 2, "x": "G"}], "key": "Serie 1", "yAxis": "1"}];
</script>
<h2>pieChart</h2>
<div id="pieChart"><svg style="width:400px;height:400px;"></svg></div>
<script>
$(function(){var mycolor = new Array();
mycolor[0] = 'orange';
mycolor[1] = 'yellow';
mycolor[2] = '#C5E946';
mycolor[3] = '#95b43f';
mycolor[4] = 'red';
mycolor[5] = '#FF2259';
mycolor[6] = '#F6A641';
nv.addGraph(function() {
var chart = nv.models.pieChart();
chart.x(function(d) { return d.label })
.y(function(d) { return d.value });
chart.width(400);
chart.height(400);
chart.color(mycolor);
chart.tooltipContent(function(key, y, e, graph) {
var x = String(key);
var y = String(y) + ' cal';
tooltip_str = '<center><b>'+x+'</b></center>' + y;
return tooltip_str;
});
chart.showLegend(true);
chart.showLabels(true);
d3.select('#pieChart svg')
.datum(data_pieChart[0].values)
.transition().duration(500)
.attr('width', 400)
.attr('height', 400)
.call(chart);
return chart;
});
});data_pieChart=[{"values": [{"value": 3, "label": "Orange"}, {"value": 4, "label": "Banana"}, {"value": 2, "label": "Pear"}, {"value": 1, "label": "Kiwi"}, {"value": 5, "label": "Apple"}, {"value": 7, "label": "Strawberry"}, {"value": 3, "label": "Pineapple"}], "key": "Serie 1"}];
</script>
<h2>lineChart</h2>
<div id="lineChart"><svg style="height:350px;"></svg></div>
<script>
$(function(){nv.addGraph(function() {
var chart = nv.models.lineChart();
chart.xAxis
.tickFormat(function(d) { return d3.time.format('%d %b %Y %H')(new Date(parseInt(d))) }
);
chart.yAxis
.tickFormat(d3.format(',.02f'));
chart.tooltipContent(function(key, y, e, graph) {
var x = d3.time.format('%d %b %Y %I:%M:%S %p')(new Date(parseInt(graph.point.x)));
var y = String(graph.point.y);
if(key == 'Count'){
var y = 'There is ' + String(graph.point.y) + ' calls';
}
if(key == 'Duration'){
var y = String(graph.point.y) + ' min';
}
tooltip_str = '<center><b>'+key+'</b></center>' + y + ' on ' + x;
return tooltip_str;
});
chart.showLegend(true);
d3.select('#lineChart svg')
.datum(data_lineChart)
.transition().duration(500)
.attr('height', 350)
.call(chart);
return chart;
});
});data_lineChart=[{"color": "green", "values": [{"y": 6, "x": 1338534000000}, {"y": 2, "x": 1339534000000}, {"y": 9, "x": 1340534000000}, {"y": 7, "x": 1341534000000}, {"y": 5, "x": 1342534000000}, {"y": 12, "x": 1343534000000}, {"y": 16, "x": 1344534000000}, {"y": 17, "x": 1345534000000}, {"y": 14, "x": 1346534000000}, {"y": 12, "x": 1347534000000}, {"y": 18, "x": 1348534000000}, {"y": 15, "x": 1349534000000}, {"y": 16, "x": 1350534000000}, {"y": 17, "x": 1351534000000}, {"y": 18, "x": 1352534000000}, {"y": 20, "x": 1353534000000}, {"y": 20, "x": 1354534000000}, {"y": 24, "x": 1355534000000}, {"y": 24, "x": 1356534000000}, {"y": 27, "x": 1357534000000}, {"y": 24, "x": 1358534000000}, {"y": 23, "x": 1359534000000}, {"y": 25, "x": 1360534000000}, {"y": 25, "x": 1361534000000}, {"y": 27, "x": 1362534000000}, {"y": 32, "x": 1363534000000}, {"y": 35, "x": 1364534000000}, {"y": 28, "x": 1365534000000}, {"y": 32, "x": 1366534000000}, {"y": 35, "x": 1367534000000}, {"y": 35, "x": 1368534000000}, {"y": 37, "x": 1369534000000}, {"y": 42, "x": 1370534000000}, {"y": 34, "x": 1371534000000}, {"y": 41, "x": 1372534000000}, {"y": 39, "x": 1373534000000}, {"y": 41, "x": 1374534000000}, {"y": 45, "x": 1375534000000}, {"y": 43, "x": 1376534000000}, {"y": 48, "x": 1377534000000}, {"y": 48, "x": 1378534000000}, {"y": 51, "x": 1379534000000}, {"y": 51, "x": 1380534000000}, {"y": 49, "x": 1381534000000}, {"y": 47, "x": 1382534000000}, {"y": 48, "x": 1383534000000}, {"y": 55, "x": 1384534000000}, {"y": 53, "x": 1385534000000}, {"y": 49, "x": 1386534000000}, {"y": 57, "x": 1387534000000}, {"y": 52, "x": 1388534000000}, {"y": 53, "x": 1389534000000}, {"y": 60, "x": 1390534000000}, {"y": 62, "x": 1391534000000}, {"y": 63, "x": 1392534000000}, {"y": 59, "x": 1393534000000}, {"y": 61, "x": 1394534000000}, {"y": 61, "x": 1395534000000}, {"y": 62, "x": 1396534000000}, {"y": 62, "x": 1397534000000}, {"y": 68, "x": 1398534000000}, {"y": 66, "x": 1399534000000}, {"y": 64, "x": 1400534000000}, {"y": 68, "x": 1401534000000}, {"y": 67, "x": 1402534000000}, {"y": 72, "x": 1403534000000}, {"y": 73, "x": 1404534000000}, {"y": 73, "x": 1405534000000}, {"y": 70, "x": 1406534000000}, {"y": 75, "x": 1407534000000}, {"y": 79, "x": 1408534000000}, {"y": 79, "x": 1409534000000}, {"y": 76, "x": 1410534000000}, {"y": 75, "x": 1411534000000}, {"y": 76, "x": 1412534000000}, {"y": 76, "x": 1413534000000}, {"y": 82, "x": 1414534000000}, {"y": 87, "x": 1415534000000}, {"y": 88, "x": 1416534000000}, {"y": 87, "x": 1417534000000}, {"y": 86, "x": 1418534000000}, {"y": 84, "x": 1419534000000}, {"y": 86, "x": 1420534000000}, {"y": 88, "x": 1421534000000}, {"y": 93, "x": 1422534000000}, {"y": 91, "x": 1423534000000}, {"y": 92, "x": 1424534000000}, {"y": 96, "x": 1425534000000}, {"y": 92, "x": 1426534000000}, {"y": 90, "x": 1427534000000}, {"y": 100, "x": 1428534000000}, {"y": 100, "x": 1429534000000}, {"y": 98, "x": 1430534000000}, {"y": 95, "x": 1431534000000}, {"y": 100, "x": 1432534000000}, {"y": 100, "x": 1433534000000}, {"y": 103, "x": 1434534000000}, {"y": 101, "x": 1435534000000}, {"y": 103, "x": 1436534000000}, {"y": 104, "x": 1437534000000}], "key": "Count", "yAxis": "1"}, {"color": "red", "values": [{"y": 12, "x": 1338534000000}, {"y": 4, "x": 1339534000000}, {"y": 18, "x": 1340534000000}, {"y": 14, "x": 1341534000000}, {"y": 10, "x": 1342534000000}, {"y": 24, "x": 1343534000000}, {"y": 32, "x": 1344534000000}, {"y": 34, "x": 1345534000000}, {"y": 28, "x": 1346534000000}, {"y": 24, "x": 1347534000000}, {"y": 36, "x": 1348534000000}, {"y": 30, "x": 1349534000000}, {"y": 32, "x": 1350534000000}, {"y": 34, "x": 1351534000000}, {"y": 36, "x": 1352534000000}, {"y": 40, "x": 1353534000000}, {"y": 40, "x": 1354534000000}, {"y": 48, "x": 1355534000000}, {"y": 48, "x": 1356534000000}, {"y": 54, "x": 1357534000000}, {"y": 48, "x": 1358534000000}, {"y": 46, "x": 1359534000000}, {"y": 50, "x": 1360534000000}, {"y": 50, "x": 1361534000000}, {"y": 54, "x": 1362534000000}, {"y": 64, "x": 1363534000000}, {"y": 70, "x": 1364534000000}, {"y": 56, "x": 1365534000000}, {"y": 64, "x": 1366534000000}, {"y": 70, "x": 1367534000000}, {"y": 70, "x": 1368534000000}, {"y": 74, "x": 1369534000000}, {"y": 84, "x": 1370534000000}, {"y": 68, "x": 1371534000000}, {"y": 82, "x": 1372534000000}, {"y": 78, "x": 1373534000000}, {"y": 82, "x": 1374534000000}, {"y": 90, "x": 1375534000000}, {"y": 86, "x": 1376534000000}, {"y": 96, "x": 1377534000000}, {"y": 96, "x": 1378534000000}, {"y": 102, "x": 1379534000000}, {"y": 102, "x": 1380534000000}, {"y": 98, "x": 1381534000000}, {"y": 94, "x": 1382534000000}, {"y": 96, "x": 1383534000000}, {"y": 110, "x": 1384534000000}, {"y": 106, "x": 1385534000000}, {"y": 98, "x": 1386534000000}, {"y": 114, "x": 1387534000000}, {"y": 104, "x": 1388534000000}, {"y": 106, "x": 1389534000000}, {"y": 120, "x": 1390534000000}, {"y": 124, "x": 1391534000000}, {"y": 126, "x": 1392534000000}, {"y": 118, "x": 1393534000000}, {"y": 122, "x": 1394534000000}, {"y": 122, "x": 1395534000000}, {"y": 124, "x": 1396534000000}, {"y": 124, "x": 1397534000000}, {"y": 136, "x": 1398534000000}, {"y": 132, "x": 1399534000000}, {"y": 128, "x": 1400534000000}, {"y": 136, "x": 1401534000000}, {"y": 134, "x": 1402534000000}, {"y": 144, "x": 1403534000000}, {"y": 146, "x": 1404534000000}, {"y": 146, "x": 1405534000000}, {"y": 140, "x": 1406534000000}, {"y": 150, "x": 1407534000000}, {"y": 158, "x": 1408534000000}, {"y": 158, "x": 1409534000000}, {"y": 152, "x": 1410534000000}, {"y": 150, "x": 1411534000000}, {"y": 152, "x": 1412534000000}, {"y": 152, "x": 1413534000000}, {"y": 164, "x": 1414534000000}, {"y": 174, "x": 1415534000000}, {"y": 176, "x": 1416534000000}, {"y": 174, "x": 1417534000000}, {"y": 172, "x": 1418534000000}, {"y": 168, "x": 1419534000000}, {"y": 172, "x": 1420534000000}, {"y": 176, "x": 1421534000000}, {"y": 186, "x": 1422534000000}, {"y": 182, "x": 1423534000000}, {"y": 184, "x": 1424534000000}, {"y": 192, "x": 1425534000000}, {"y": 184, "x": 1426534000000}, {"y": 180, "x": 1427534000000}, {"y": 200, "x": 1428534000000}, {"y": 200, "x": 1429534000000}, {"y": 196, "x": 1430534000000}, {"y": 190, "x": 1431534000000}, {"y": 200, "x": 1432534000000}, {"y": 200, "x": 1433534000000}, {"y": 206, "x": 1434534000000}, {"y": 202, "x": 1435534000000}, {"y": 206, "x": 1436534000000}, {"y": 208, "x": 1437534000000}], "key": "Duration", "yAxis": "1"}];
</script>
<h2>lineWithFocusChart</h2>
<div id="lineWithFocusChart"><svg style="height:450px;"></svg></div>
<script>
$(function(){nv.addGraph(function() {
var chart = nv.models.lineWithFocusChart();
chart.color(d3.scale.category20b().range());
chart.yAxis
.tickFormat(d3.format(',.2f'));
chart.y2Axis
.tickFormat(d3.format(',.2f'));
chart.xAxis
.tickFormat(function(d) { return d3.time.format('%d %b %Y')(new Date(parseInt(d))) }
);
chart.x2Axis
.tickFormat(function(d) { return d3.time.format('%d %b %Y')(new Date(parseInt(d))) }
);
chart.tooltipContent(function(key, y, e, graph) {
var x = d3.time.format('%d %b %Y %I:%M:%S')(new Date(parseInt(graph.point.x)));
var y = String(graph.point.y);
if(key == 'serie 1'){
var y = 'There is ' + String(graph.point.y) + ' calls';
}
if(key == 'serie 2'){
var y = 'There is ' + String(graph.point.y) + ' calls';
}
if(key == 'serie 3'){
var y = 'There is ' + String(graph.point.y) + ' calls';
}
if(key == 'serie 4'){
var y = 'There is ' + String(graph.point.y) + ' calls';
}
tooltip_str = '<center><b>'+key+'</b></center>' + y + ' on ' + x;
return tooltip_str;
});
chart.showLegend(true);
d3.select('#lineWithFocusChart svg')
.datum(data_lineWithFocusChart)
.transition().duration(500)
.attr('height', 450)
.call(chart);
return chart;
});
});data_lineWithFocusChart=[{"values": [{"y": 1, "x": 1338534000000}, {"y": -7, "x": 1339534000000}, {"y": 8, "x": 1340534000000}, {"y": -5, "x": 1341534000000}, {"y": 3, "x": 1342534000000}, {"y": -1, "x": 1343534000000}, {"y": 6, "x": 1344534000000}, {"y": 12, "x": 1345534000000}, {"y": 9, "x": 1346534000000}, {"y": 3, "x": 1347534000000}, {"y": 7, "x": 1348534000000}, {"y": 16, "x": 1349534000000}, {"y": 9, "x": 1350534000000}, {"y": 23, "x": 1351534000000}, {"y": 14, "x": 1352534000000}, {"y": 11, "x": 1353534000000}, {"y": 21, "x": 1354534000000}, {"y": 18, "x": 1355534000000}, {"y": 15, "x": 1356534000000}, {"y": 26, "x": 1357534000000}, {"y": 22, "x": 1358534000000}, {"y": 27, "x": 1359534000000}, {"y": 17, "x": 1360534000000}, {"y": 23, "x": 1361534000000}, {"y": 17, "x": 1362534000000}, {"y": 27, "x": 1363534000000}, {"y": 36, "x": 1364534000000}, {"y": 20, "x": 1365534000000}, {"y": 23, "x": 1366534000000}, {"y": 23, "x": 1367534000000}, {"y": 25, "x": 1368534000000}, {"y": 33, "x": 1369534000000}, {"y": 36, "x": 1370534000000}, {"y": 40, "x": 1371534000000}, {"y": 26, "x": 1372534000000}, {"y": 29, "x": 1373534000000}, {"y": 46, "x": 1374534000000}, {"y": 30, "x": 1375534000000}, {"y": 36, "x": 1376534000000}, {"y": 44, "x": 1377534000000}, {"y": 41, "x": 1378534000000}, {"y": 43, "x": 1379534000000}, {"y": 46, "x": 1380534000000}, {"y": 51, "x": 1381534000000}, {"y": 39, "x": 1382534000000}, {"y": 39, "x": 1383534000000}, {"y": 52, "x": 1384534000000}, {"y": 44, "x": 1385534000000}, {"y": 57, "x": 1386534000000}, {"y": 56, "x": 1387534000000}, {"y": 56, "x": 1388534000000}, {"y": 48, "x": 1389534000000}, {"y": 47, "x": 1390534000000}, {"y": 62, "x": 1391534000000}, {"y": 63, "x": 1392534000000}, {"y": 50, "x": 1393534000000}, {"y": 47, "x": 1394534000000}, {"y": 61, "x": 1395534000000}, {"y": 57, "x": 1396534000000}, {"y": 61, "x": 1397534000000}, {"y": 58, "x": 1398534000000}, {"y": 62, "x": 1399534000000}, {"y": 68, "x": 1400534000000}, {"y": 65, "x": 1401534000000}, {"y": 72, "x": 1402534000000}, {"y": 73, "x": 1403534000000}, {"y": 74, "x": 1404534000000}, {"y": 57, "x": 1405534000000}, {"y": 74, "x": 1406534000000}, {"y": 73, "x": 1407534000000}, {"y": 61, "x": 1408534000000}, {"y": 66, "x": 1409534000000}, {"y": 66, "x": 1410534000000}, {"y": 68, "x": 1411534000000}, {"y": 75, "x": 1412534000000}, {"y": 77, "x": 1413534000000}, {"y": 81, "x": 1414534000000}, {"y": 73, "x": 1415534000000}, {"y": 80, "x": 1416534000000}, {"y": 83, "x": 1417534000000}, {"y": 77, "x": 1418534000000}, {"y": 90, "x": 1419534000000}, {"y": 78, "x": 1420534000000}, {"y": 79, "x": 1421534000000}, {"y": 94, "x": 1422534000000}, {"y": 82, "x": 1423534000000}, {"y": 79, "x": 1424534000000}, {"y": 83, "x": 1425534000000}, {"y": 96, "x": 1426534000000}, {"y": 99, "x": 1427534000000}, {"y": 92, "x": 1428534000000}, {"y": 82, "x": 1429534000000}, {"y": 101, "x": 1430534000000}, {"y": 96, "x": 1431534000000}, {"y": 85, "x": 1432534000000}, {"y": 101, "x": 1433534000000}, {"y": 101, "x": 1434534000000}, {"y": 94, "x": 1435534000000}, {"y": 103, "x": 1436534000000}, {"y": 105, "x": 1437534000000}], "key": "serie 1", "yAxis": "1"}, {"values": [{"y": 2, "x": 1338534000000}, {"y": -14, "x": 1339534000000}, {"y": 16, "x": 1340534000000}, {"y": -10, "x": 1341534000000}, {"y": 6, "x": 1342534000000}, {"y": -2, "x": 1343534000000}, {"y": 12, "x": 1344534000000}, {"y": 24, "x": 1345534000000}, {"y": 18, "x": 1346534000000}, {"y": 6, "x": 1347534000000}, {"y": 14, "x": 1348534000000}, {"y": 32, "x": 1349534000000}, {"y": 18, "x": 1350534000000}, {"y": 46, "x": 1351534000000}, {"y": 28, "x": 1352534000000}, {"y": 22, "x": 1353534000000}, {"y": 42, "x": 1354534000000}, {"y": 36, "x": 1355534000000}, {"y": 30, "x": 1356534000000}, {"y": 52, "x": 1357534000000}, {"y": 44, "x": 1358534000000}, {"y": 54, "x": 1359534000000}, {"y": 34, "x": 1360534000000}, {"y": 46, "x": 1361534000000}, {"y": 34, "x": 1362534000000}, {"y": 54, "x": 1363534000000}, {"y": 72, "x": 1364534000000}, {"y": 40, "x": 1365534000000}, {"y": 46, "x": 1366534000000}, {"y": 46, "x": 1367534000000}, {"y": 50, "x": 1368534000000}, {"y": 66, "x": 1369534000000}, {"y": 72, "x": 1370534000000}, {"y": 80, "x": 1371534000000}, {"y": 52, "x": 1372534000000}, {"y": 58, "x": 1373534000000}, {"y": 92, "x": 1374534000000}, {"y": 60, "x": 1375534000000}, {"y": 72, "x": 1376534000000}, {"y": 88, "x": 1377534000000}, {"y": 82, "x": 1378534000000}, {"y": 86, "x": 1379534000000}, {"y": 92, "x": 1380534000000}, {"y": 102, "x": 1381534000000}, {"y": 78, "x": 1382534000000}, {"y": 78, "x": 1383534000000}, {"y": 104, "x": 1384534000000}, {"y": 88, "x": 1385534000000}, {"y": 114, "x": 1386534000000}, {"y": 112, "x": 1387534000000}, {"y": 112, "x": 1388534000000}, {"y": 96, "x": 1389534000000}, {"y": 94, "x": 1390534000000}, {"y": 124, "x": 1391534000000}, {"y": 126, "x": 1392534000000}, {"y": 100, "x": 1393534000000}, {"y": 94, "x": 1394534000000}, {"y": 122, "x": 1395534000000}, {"y": 114, "x": 1396534000000}, {"y": 122, "x": 1397534000000}, {"y": 116, "x": 1398534000000}, {"y": 124, "x": 1399534000000}, {"y": 136, "x": 1400534000000}, {"y": 130, "x": 1401534000000}, {"y": 144, "x": 1402534000000}, {"y": 146, "x": 1403534000000}, {"y": 148, "x": 1404534000000}, {"y": 114, "x": 1405534000000}, {"y": 148, "x": 1406534000000}, {"y": 146, "x": 1407534000000}, {"y": 122, "x": 1408534000000}, {"y": 132, "x": 1409534000000}, {"y": 132, "x": 1410534000000}, {"y": 136, "x": 1411534000000}, {"y": 150, "x": 1412534000000}, {"y": 154, "x": 1413534000000}, {"y": 162, "x": 1414534000000}, {"y": 146, "x": 1415534000000}, {"y": 160, "x": 1416534000000}, {"y": 166, "x": 1417534000000}, {"y": 154, "x": 1418534000000}, {"y": 180, "x": 1419534000000}, {"y": 156, "x": 1420534000000}, {"y": 158, "x": 1421534000000}, {"y": 188, "x": 1422534000000}, {"y": 164, "x": 1423534000000}, {"y": 158, "x": 1424534000000}, {"y": 166, "x": 1425534000000}, {"y": 192, "x": 1426534000000}, {"y": 198, "x": 1427534000000}, {"y": 184, "x": 1428534000000}, {"y": 164, "x": 1429534000000}, {"y": 202, "x": 1430534000000}, {"y": 192, "x": 1431534000000}, {"y": 170, "x": 1432534000000}, {"y": 202, "x": 1433534000000}, {"y": 202, "x": 1434534000000}, {"y": 188, "x": 1435534000000}, {"y": 206, "x": 1436534000000}, {"y": 210, "x": 1437534000000}], "key": "serie 2", "yAxis": "1"}, {"values": [{"y": 3, "x": 1338534000000}, {"y": -21, "x": 1339534000000}, {"y": 24, "x": 1340534000000}, {"y": -15, "x": 1341534000000}, {"y": 9, "x": 1342534000000}, {"y": -3, "x": 1343534000000}, {"y": 18, "x": 1344534000000}, {"y": 36, "x": 1345534000000}, {"y": 27, "x": 1346534000000}, {"y": 9, "x": 1347534000000}, {"y": 21, "x": 1348534000000}, {"y": 48, "x": 1349534000000}, {"y": 27, "x": 1350534000000}, {"y": 69, "x": 1351534000000}, {"y": 42, "x": 1352534000000}, {"y": 33, "x": 1353534000000}, {"y": 63, "x": 1354534000000}, {"y": 54, "x": 1355534000000}, {"y": 45, "x": 1356534000000}, {"y": 78, "x": 1357534000000}, {"y": 66, "x": 1358534000000}, {"y": 81, "x": 1359534000000}, {"y": 51, "x": 1360534000000}, {"y": 69, "x": 1361534000000}, {"y": 51, "x": 1362534000000}, {"y": 81, "x": 1363534000000}, {"y": 108, "x": 1364534000000}, {"y": 60, "x": 1365534000000}, {"y": 69, "x": 1366534000000}, {"y": 69, "x": 1367534000000}, {"y": 75, "x": 1368534000000}, {"y": 99, "x": 1369534000000}, {"y": 108, "x": 1370534000000}, {"y": 120, "x": 1371534000000}, {"y": 78, "x": 1372534000000}, {"y": 87, "x": 1373534000000}, {"y": 138, "x": 1374534000000}, {"y": 90, "x": 1375534000000}, {"y": 108, "x": 1376534000000}, {"y": 132, "x": 1377534000000}, {"y": 123, "x": 1378534000000}, {"y": 129, "x": 1379534000000}, {"y": 138, "x": 1380534000000}, {"y": 153, "x": 1381534000000}, {"y": 117, "x": 1382534000000}, {"y": 117, "x": 1383534000000}, {"y": 156, "x": 1384534000000}, {"y": 132, "x": 1385534000000}, {"y": 171, "x": 1386534000000}, {"y": 168, "x": 1387534000000}, {"y": 168, "x": 1388534000000}, {"y": 144, "x": 1389534000000}, {"y": 141, "x": 1390534000000}, {"y": 186, "x": 1391534000000}, {"y": 189, "x": 1392534000000}, {"y": 150, "x": 1393534000000}, {"y": 141, "x": 1394534000000}, {"y": 183, "x": 1395534000000}, {"y": 171, "x": 1396534000000}, {"y": 183, "x": 1397534000000}, {"y": 174, "x": 1398534000000}, {"y": 186, "x": 1399534000000}, {"y": 204, "x": 1400534000000}, {"y": 195, "x": 1401534000000}, {"y": 216, "x": 1402534000000}, {"y": 219, "x": 1403534000000}, {"y": 222, "x": 1404534000000}, {"y": 171, "x": 1405534000000}, {"y": 222, "x": 1406534000000}, {"y": 219, "x": 1407534000000}, {"y": 183, "x": 1408534000000}, {"y": 198, "x": 1409534000000}, {"y": 198, "x": 1410534000000}, {"y": 204, "x": 1411534000000}, {"y": 225, "x": 1412534000000}, {"y": 231, "x": 1413534000000}, {"y": 243, "x": 1414534000000}, {"y": 219, "x": 1415534000000}, {"y": 240, "x": 1416534000000}, {"y": 249, "x": 1417534000000}, {"y": 231, "x": 1418534000000}, {"y": 270, "x": 1419534000000}, {"y": 234, "x": 1420534000000}, {"y": 237, "x": 1421534000000}, {"y": 282, "x": 1422534000000}, {"y": 246, "x": 1423534000000}, {"y": 237, "x": 1424534000000}, {"y": 249, "x": 1425534000000}, {"y": 288, "x": 1426534000000}, {"y": 297, "x": 1427534000000}, {"y": 276, "x": 1428534000000}, {"y": 246, "x": 1429534000000}, {"y": 303, "x": 1430534000000}, {"y": 288, "x": 1431534000000}, {"y": 255, "x": 1432534000000}, {"y": 303, "x": 1433534000000}, {"y": 303, "x": 1434534000000}, {"y": 282, "x": 1435534000000}, {"y": 309, "x": 1436534000000}, {"y": 315, "x": 1437534000000}], "key": "serie 3", "yAxis": "1"}, {"values": [{"y": 4, "x": 1338534000000}, {"y": -28, "x": 1339534000000}, {"y": 32, "x": 1340534000000}, {"y": -20, "x": 1341534000000}, {"y": 12, "x": 1342534000000}, {"y": -4, "x": 1343534000000}, {"y": 24, "x": 1344534000000}, {"y": 48, "x": 1345534000000}, {"y": 36, "x": 1346534000000}, {"y": 12, "x": 1347534000000}, {"y": 28, "x": 1348534000000}, {"y": 64, "x": 1349534000000}, {"y": 36, "x": 1350534000000}, {"y": 92, "x": 1351534000000}, {"y": 56, "x": 1352534000000}, {"y": 44, "x": 1353534000000}, {"y": 84, "x": 1354534000000}, {"y": 72, "x": 1355534000000}, {"y": 60, "x": 1356534000000}, {"y": 104, "x": 1357534000000}, {"y": 88, "x": 1358534000000}, {"y": 108, "x": 1359534000000}, {"y": 68, "x": 1360534000000}, {"y": 92, "x": 1361534000000}, {"y": 68, "x": 1362534000000}, {"y": 108, "x": 1363534000000}, {"y": 144, "x": 1364534000000}, {"y": 80, "x": 1365534000000}, {"y": 92, "x": 1366534000000}, {"y": 92, "x": 1367534000000}, {"y": 100, "x": 1368534000000}, {"y": 132, "x": 1369534000000}, {"y": 144, "x": 1370534000000}, {"y": 160, "x": 1371534000000}, {"y": 104, "x": 1372534000000}, {"y": 116, "x": 1373534000000}, {"y": 184, "x": 1374534000000}, {"y": 120, "x": 1375534000000}, {"y": 144, "x": 1376534000000}, {"y": 176, "x": 1377534000000}, {"y": 164, "x": 1378534000000}, {"y": 172, "x": 1379534000000}, {"y": 184, "x": 1380534000000}, {"y": 204, "x": 1381534000000}, {"y": 156, "x": 1382534000000}, {"y": 156, "x": 1383534000000}, {"y": 208, "x": 1384534000000}, {"y": 176, "x": 1385534000000}, {"y": 228, "x": 1386534000000}, {"y": 224, "x": 1387534000000}, {"y": 224, "x": 1388534000000}, {"y": 192, "x": 1389534000000}, {"y": 188, "x": 1390534000000}, {"y": 248, "x": 1391534000000}, {"y": 252, "x": 1392534000000}, {"y": 200, "x": 1393534000000}, {"y": 188, "x": 1394534000000}, {"y": 244, "x": 1395534000000}, {"y": 228, "x": 1396534000000}, {"y": 244, "x": 1397534000000}, {"y": 232, "x": 1398534000000}, {"y": 248, "x": 1399534000000}, {"y": 272, "x": 1400534000000}, {"y": 260, "x": 1401534000000}, {"y": 288, "x": 1402534000000}, {"y": 292, "x": 1403534000000}, {"y": 296, "x": 1404534000000}, {"y": 228, "x": 1405534000000}, {"y": 296, "x": 1406534000000}, {"y": 292, "x": 1407534000000}, {"y": 244, "x": 1408534000000}, {"y": 264, "x": 1409534000000}, {"y": 264, "x": 1410534000000}, {"y": 272, "x": 1411534000000}, {"y": 300, "x": 1412534000000}, {"y": 308, "x": 1413534000000}, {"y": 324, "x": 1414534000000}, {"y": 292, "x": 1415534000000}, {"y": 320, "x": 1416534000000}, {"y": 332, "x": 1417534000000}, {"y": 308, "x": 1418534000000}, {"y": 360, "x": 1419534000000}, {"y": 312, "x": 1420534000000}, {"y": 316, "x": 1421534000000}, {"y": 376, "x": 1422534000000}, {"y": 328, "x": 1423534000000}, {"y": 316, "x": 1424534000000}, {"y": 332, "x": 1425534000000}, {"y": 384, "x": 1426534000000}, {"y": 396, "x": 1427534000000}, {"y": 368, "x": 1428534000000}, {"y": 328, "x": 1429534000000}, {"y": 404, "x": 1430534000000}, {"y": 384, "x": 1431534000000}, {"y": 340, "x": 1432534000000}, {"y": 404, "x": 1433534000000}, {"y": 404, "x": 1434534000000}, {"y": 376, "x": 1435534000000}, {"y": 412, "x": 1436534000000}, {"y": 420, "x": 1437534000000}], "key": "serie 4", "yAxis": "1"}];
</script>
<h2>stackedAreaChart</h2>
<div id="stackedAreaChart"><svg style="height:350px;"></svg></div>
<script>
$(function(){nv.addGraph(function() {
var chart = nv.models.stackedAreaChart();
chart.xAxis
.tickFormat(function(d) { return d3.time.format('%d %b %Y %I')(new Date(parseInt(d))) }
);
chart.yAxis
.tickFormat(d3.format(',.2f'));
chart.tooltipContent(function(key, y, e, graph) {
var x = d3.time.format('%d %b %Y %I:%M:%S %p')(new Date(parseInt(graph.point.x)));
var y = String(graph.point.y);
if(key == 'serie 1'){
var y = 'There is ' + String(graph.point.y) + ' calls';
}
if(key == 'serie 2'){
var y = 'There is ' + String(graph.point.y) + ' calls';
}
tooltip_str = '<center><b>'+key+'</b></center>' + y + ' on ' + x;
return tooltip_str;
});
chart.showLegend(true);
d3.select('#stackedAreaChart svg')
.datum(data_stackedAreaChart)
.transition().duration(500)
.attr('height', 350)
.call(chart);
return chart;
});
});data_stackedAreaChart=[{"values": [{"y": 5, "x": 1338534000000}, {"y": 10, "x": 1339534000000}, {"y": 6, "x": 1340534000000}, {"y": 12, "x": 1341534000000}, {"y": 6, "x": 1342534000000}, {"y": 10, "x": 1343534000000}, {"y": 15, "x": 1344534000000}, {"y": 14, "x": 1345534000000}, {"y": 15, "x": 1346534000000}, {"y": 17, "x": 1347534000000}, {"y": 12, "x": 1348534000000}, {"y": 14, "x": 1349534000000}, {"y": 13, "x": 1350534000000}, {"y": 17, "x": 1351534000000}, {"y": 17, "x": 1352534000000}, {"y": 21, "x": 1353534000000}, {"y": 23, "x": 1354534000000}, {"y": 26, "x": 1355534000000}, {"y": 19, "x": 1356534000000}, {"y": 27, "x": 1357534000000}, {"y": 25, "x": 1358534000000}, {"y": 31, "x": 1359534000000}, {"y": 28, "x": 1360534000000}, {"y": 32, "x": 1361534000000}, {"y": 26, "x": 1362534000000}, {"y": 28, "x": 1363534000000}, {"y": 32, "x": 1364534000000}, {"y": 36, "x": 1365534000000}, {"y": 38, "x": 1366534000000}, {"y": 39, "x": 1367534000000}, {"y": 37, "x": 1368534000000}, {"y": 33, "x": 1369534000000}, {"y": 40, "x": 1370534000000}, {"y": 38, "x": 1371534000000}, {"y": 40, "x": 1372534000000}, {"y": 40, "x": 1373534000000}, {"y": 39, "x": 1374534000000}, {"y": 42, "x": 1375534000000}, {"y": 46, "x": 1376534000000}, {"y": 40, "x": 1377534000000}, {"y": 41, "x": 1378534000000}, {"y": 48, "x": 1379534000000}, {"y": 45, "x": 1380534000000}, {"y": 51, "x": 1381534000000}, {"y": 54, "x": 1382534000000}, {"y": 50, "x": 1383534000000}, {"y": 48, "x": 1384534000000}, {"y": 49, "x": 1385534000000}, {"y": 50, "x": 1386534000000}, {"y": 59, "x": 1387534000000}, {"y": 57, "x": 1388534000000}, {"y": 59, "x": 1389534000000}, {"y": 61, "x": 1390534000000}, {"y": 61, "x": 1391534000000}, {"y": 62, "x": 1392534000000}, {"y": 59, "x": 1393534000000}, {"y": 63, "x": 1394534000000}, {"y": 67, "x": 1395534000000}, {"y": 65, "x": 1396534000000}, {"y": 66, "x": 1397534000000}, {"y": 66, "x": 1398534000000}, {"y": 64, "x": 1399534000000}, {"y": 63, "x": 1400534000000}, {"y": 70, "x": 1401534000000}, {"y": 67, "x": 1402534000000}, {"y": 71, "x": 1403534000000}, {"y": 71, "x": 1404534000000}, {"y": 68, "x": 1405534000000}, {"y": 77, "x": 1406534000000}, {"y": 78, "x": 1407534000000}, {"y": 77, "x": 1408534000000}, {"y": 81, "x": 1409534000000}, {"y": 78, "x": 1410534000000}, {"y": 74, "x": 1411534000000}, {"y": 79, "x": 1412534000000}, {"y": 79, "x": 1413534000000}, {"y": 78, "x": 1414534000000}, {"y": 80, "x": 1415534000000}, {"y": 83, "x": 1416534000000}, {"y": 82, "x": 1417534000000}, {"y": 89, "x": 1418534000000}, {"y": 84, "x": 1419534000000}, {"y": 85, "x": 1420534000000}, {"y": 91, "x": 1421534000000}, {"y": 92, "x": 1422534000000}, {"y": 94, "x": 1423534000000}, {"y": 95, "x": 1424534000000}, {"y": 91, "x": 1425534000000}, {"y": 92, "x": 1426534000000}, {"y": 92, "x": 1427534000000}, {"y": 95, "x": 1428534000000}, {"y": 95, "x": 1429534000000}, {"y": 95, "x": 1430534000000}, {"y": 100, "x": 1431534000000}, {"y": 100, "x": 1432534000000}, {"y": 99, "x": 1433534000000}, {"y": 105, "x": 1434534000000}, {"y": 100, "x": 1435534000000}, {"y": 107, "x": 1436534000000}, {"y": 100, "x": 1437534000000}], "key": "serie 1", "yAxis": "1"}, {"values": [{"y": 10, "x": 1338534000000}, {"y": 20, "x": 1339534000000}, {"y": 12, "x": 1340534000000}, {"y": 24, "x": 1341534000000}, {"y": 12, "x": 1342534000000}, {"y": 20, "x": 1343534000000}, {"y": 30, "x": 1344534000000}, {"y": 28, "x": 1345534000000}, {"y": 30, "x": 1346534000000}, {"y": 34, "x": 1347534000000}, {"y": 24, "x": 1348534000000}, {"y": 28, "x": 1349534000000}, {"y": 26, "x": 1350534000000}, {"y": 34, "x": 1351534000000}, {"y": 34, "x": 1352534000000}, {"y": 42, "x": 1353534000000}, {"y": 46, "x": 1354534000000}, {"y": 52, "x": 1355534000000}, {"y": 38, "x": 1356534000000}, {"y": 54, "x": 1357534000000}, {"y": 50, "x": 1358534000000}, {"y": 62, "x": 1359534000000}, {"y": 56, "x": 1360534000000}, {"y": 64, "x": 1361534000000}, {"y": 52, "x": 1362534000000}, {"y": 56, "x": 1363534000000}, {"y": 64, "x": 1364534000000}, {"y": 72, "x": 1365534000000}, {"y": 76, "x": 1366534000000}, {"y": 78, "x": 1367534000000}, {"y": 74, "x": 1368534000000}, {"y": 66, "x": 1369534000000}, {"y": 80, "x": 1370534000000}, {"y": 76, "x": 1371534000000}, {"y": 80, "x": 1372534000000}, {"y": 80, "x": 1373534000000}, {"y": 78, "x": 1374534000000}, {"y": 84, "x": 1375534000000}, {"y": 92, "x": 1376534000000}, {"y": 80, "x": 1377534000000}, {"y": 82, "x": 1378534000000}, {"y": 96, "x": 1379534000000}, {"y": 90, "x": 1380534000000}, {"y": 102, "x": 1381534000000}, {"y": 108, "x": 1382534000000}, {"y": 100, "x": 1383534000000}, {"y": 96, "x": 1384534000000}, {"y": 98, "x": 1385534000000}, {"y": 100, "x": 1386534000000}, {"y": 118, "x": 1387534000000}, {"y": 114, "x": 1388534000000}, {"y": 118, "x": 1389534000000}, {"y": 122, "x": 1390534000000}, {"y": 122, "x": 1391534000000}, {"y": 124, "x": 1392534000000}, {"y": 118, "x": 1393534000000}, {"y": 126, "x": 1394534000000}, {"y": 134, "x": 1395534000000}, {"y": 130, "x": 1396534000000}, {"y": 132, "x": 1397534000000}, {"y": 132, "x": 1398534000000}, {"y": 128, "x": 1399534000000}, {"y": 126, "x": 1400534000000}, {"y": 140, "x": 1401534000000}, {"y": 134, "x": 1402534000000}, {"y": 142, "x": 1403534000000}, {"y": 142, "x": 1404534000000}, {"y": 136, "x": 1405534000000}, {"y": 154, "x": 1406534000000}, {"y": 156, "x": 1407534000000}, {"y": 154, "x": 1408534000000}, {"y": 162, "x": 1409534000000}, {"y": 156, "x": 1410534000000}, {"y": 148, "x": 1411534000000}, {"y": 158, "x": 1412534000000}, {"y": 158, "x": 1413534000000}, {"y": 156, "x": 1414534000000}, {"y": 160, "x": 1415534000000}, {"y": 166, "x": 1416534000000}, {"y": 164, "x": 1417534000000}, {"y": 178, "x": 1418534000000}, {"y": 168, "x": 1419534000000}, {"y": 170, "x": 1420534000000}, {"y": 182, "x": 1421534000000}, {"y": 184, "x": 1422534000000}, {"y": 188, "x": 1423534000000}, {"y": 190, "x": 1424534000000}, {"y": 182, "x": 1425534000000}, {"y": 184, "x": 1426534000000}, {"y": 184, "x": 1427534000000}, {"y": 190, "x": 1428534000000}, {"y": 190, "x": 1429534000000}, {"y": 190, "x": 1430534000000}, {"y": 200, "x": 1431534000000}, {"y": 200, "x": 1432534000000}, {"y": 198, "x": 1433534000000}, {"y": 210, "x": 1434534000000}, {"y": 200, "x": 1435534000000}, {"y": 214, "x": 1436534000000}, {"y": 200, "x": 1437534000000}], "key": "serie 2", "yAxis": "1"}];
</script>
<h2>linePlusBarChart</h2>
<div id="linePlusBarChart"><svg style="height:350px;"></svg></div>
<script>
$(function(){nv.addGraph(function() {
var chart = nv.models.linePlusBarChart();
chart.y2Axis
.tickFormat(function(d) { return d3.format(',f')(d) });
chart.xAxis
.tickFormat(function(d) { return d3.time.format('%d %b %Y')(new Date(parseInt(d))) }
);
chart.y1Axis
.tickFormat(d3.format(',f'));
chart.tooltipContent(function(key, y, e, graph) {
var x = d3.time.format('%d %b %Y')(new Date(parseInt(graph.point.x)));
var y = String(graph.point.y);
if(key.indexOf('Count') > -1 ){
var y = '$ ' + String(graph.point.y) ;
}
if(key.indexOf('Duration') > -1 ){
var y = String(graph.point.y) + ' min';
}
tooltip_str = '<center><b>'+key+'</b></center>' + y + ' on ' + x;
return tooltip_str;
});
chart.showLegend(true);
d3.select('#linePlusBarChart svg')
.datum(data_linePlusBarChart)
.transition().duration(500)
.attr('height', 350)
.call(chart);
return chart;
});
});data_linePlusBarChart=[{"bar": "true", "values": [{"y": 4, "x": 1338534000000}, {"y": 11, "x": 1339534000000}, {"y": 8, "x": 1340534000000}, {"y": 11, "x": 1341534000000}, {"y": 5, "x": 1342534000000}, {"y": 14, "x": 1343534000000}, {"y": 7, "x": 1344534000000}, {"y": 13, "x": 1345534000000}, {"y": 16, "x": 1346534000000}, {"y": 13, "x": 1347534000000}, {"y": 16, "x": 1348534000000}, {"y": 19, "x": 1349534000000}, {"y": 19, "x": 1350534000000}, {"y": 21, "x": 1351534000000}, {"y": 15, "x": 1352534000000}, {"y": 19, "x": 1353534000000}, {"y": 17, "x": 1354534000000}, {"y": 19, "x": 1355534000000}, {"y": 25, "x": 1356534000000}, {"y": 26, "x": 1357534000000}, {"y": 29, "x": 1358534000000}, {"y": 23, "x": 1359534000000}, {"y": 25, "x": 1360534000000}, {"y": 29, "x": 1361534000000}, {"y": 34, "x": 1362534000000}, {"y": 34, "x": 1363534000000}, {"y": 28, "x": 1364534000000}, {"y": 32, "x": 1365534000000}, {"y": 36, "x": 1366534000000}, {"y": 39, "x": 1367534000000}, {"y": 36, "x": 1368534000000}, {"y": 40, "x": 1369534000000}, {"y": 41, "x": 1370534000000}, {"y": 41, "x": 1371534000000}, {"y": 41, "x": 1372534000000}, {"y": 43, "x": 1373534000000}, {"y": 41, "x": 1374534000000}, {"y": 45, "x": 1375534000000}, {"y": 41, "x": 1376534000000}, {"y": 40, "x": 1377534000000}, {"y": 44, "x": 1378534000000}, {"y": 47, "x": 1379534000000}, {"y": 43, "x": 1380534000000}, {"y": 47, "x": 1381534000000}, {"y": 53, "x": 1382534000000}, {"y": 54, "x": 1383534000000}, {"y": 52, "x": 1384534000000}, {"y": 54, "x": 1385534000000}, {"y": 55, "x": 1386534000000}, {"y": 50, "x": 1387534000000}, {"y": 51, "x": 1388534000000}, {"y": 60, "x": 1389534000000}, {"y": 62, "x": 1390534000000}, {"y": 57, "x": 1391534000000}, {"y": 59, "x": 1392534000000}, {"y": 65, "x": 1393534000000}, {"y": 61, "x": 1394534000000}, {"y": 58, "x": 1395534000000}, {"y": 67, "x": 1396534000000}, {"y": 69, "x": 1397534000000}, {"y": 68, "x": 1398534000000}, {"y": 69, "x": 1399534000000}, {"y": 69, "x": 1400534000000}, {"y": 64, "x": 1401534000000}, {"y": 71, "x": 1402534000000}, {"y": 69, "x": 1403534000000}, {"y": 74, "x": 1404534000000}, {"y": 77, "x": 1405534000000}, {"y": 69, "x": 1406534000000}, {"y": 74, "x": 1407534000000}, {"y": 77, "x": 1408534000000}, {"y": 77, "x": 1409534000000}, {"y": 79, "x": 1410534000000}, {"y": 76, "x": 1411534000000}, {"y": 79, "x": 1412534000000}, {"y": 81, "x": 1413534000000}, {"y": 82, "x": 1414534000000}, {"y": 85, "x": 1415534000000}, {"y": 81, "x": 1416534000000}, {"y": 89, "x": 1417534000000}, {"y": 86, "x": 1418534000000}, {"y": 91, "x": 1419534000000}, {"y": 85, "x": 1420534000000}, {"y": 84, "x": 1421534000000}, {"y": 92, "x": 1422534000000}, {"y": 90, "x": 1423534000000}, {"y": 91, "x": 1424534000000}, {"y": 94, "x": 1425534000000}, {"y": 95, "x": 1426534000000}, {"y": 96, "x": 1427534000000}, {"y": 95, "x": 1428534000000}, {"y": 93, "x": 1429534000000}, {"y": 101, "x": 1430534000000}, {"y": 102, "x": 1431534000000}, {"y": 102, "x": 1432534000000}, {"y": 96, "x": 1433534000000}, {"y": 101, "x": 1434534000000}, {"y": 106, "x": 1435534000000}, {"y": 102, "x": 1436534000000}, {"y": 103, "x": 1437534000000}], "key": "Count", "yAxis": "1"}, {"values": [{"y": 108, "x": 1338534000000}, {"y": 106, "x": 1339534000000}, {"y": 106, "x": 1340534000000}, {"y": 98, "x": 1341534000000}, {"y": 99, "x": 1342534000000}, {"y": 96, "x": 1343534000000}, {"y": 94, "x": 1344534000000}, {"y": 94, "x": 1345534000000}, {"y": 100, "x": 1346534000000}, {"y": 97, "x": 1347534000000}, {"y": 91, "x": 1348534000000}, {"y": 90, "x": 1349534000000}, {"y": 94, "x": 1350534000000}, {"y": 95, "x": 1351534000000}, {"y": 86, "x": 1352534000000}, {"y": 89, "x": 1353534000000}, {"y": 92, "x": 1354534000000}, {"y": 85, "x": 1355534000000}, {"y": 91, "x": 1356534000000}, {"y": 86, "x": 1357534000000}, {"y": 83, "x": 1358534000000}, {"y": 81, "x": 1359534000000}, {"y": 87, "x": 1360534000000}, {"y": 81, "x": 1361534000000}, {"y": 81, "x": 1362534000000}, {"y": 81, "x": 1363534000000}, {"y": 80, "x": 1364534000000}, {"y": 82, "x": 1365534000000}, {"y": 76, "x": 1366534000000}, {"y": 71, "x": 1367534000000}, {"y": 70, "x": 1368534000000}, {"y": 71, "x": 1369534000000}, {"y": 71, "x": 1370534000000}, {"y": 68, "x": 1371534000000}, {"y": 75, "x": 1372534000000}, {"y": 68, "x": 1373534000000}, {"y": 71, "x": 1374534000000}, {"y": 69, "x": 1375534000000}, {"y": 63, "x": 1376534000000}, {"y": 70, "x": 1377534000000}, {"y": 69, "x": 1378534000000}, {"y": 66, "x": 1379534000000}, {"y": 58, "x": 1380534000000}, {"y": 61, "x": 1381534000000}, {"y": 64, "x": 1382534000000}, {"y": 59, "x": 1383534000000}, {"y": 60, "x": 1384534000000}, {"y": 57, "x": 1385534000000}, {"y": 58, "x": 1386534000000}, {"y": 53, "x": 1387534000000}, {"y": 52, "x": 1388534000000}, {"y": 58, "x": 1389534000000}, {"y": 52, "x": 1390534000000}, {"y": 48, "x": 1391534000000}, {"y": 49, "x": 1392534000000}, {"y": 50, "x": 1393534000000}, {"y": 44, "x": 1394534000000}, {"y": 52, "x": 1395534000000}, {"y": 51, "x": 1396534000000}, {"y": 49, "x": 1397534000000}, {"y": 41, "x": 1398534000000}, {"y": 44, "x": 1399534000000}, {"y": 44, "x": 1400534000000}, {"y": 37, "x": 1401534000000}, {"y": 44, "x": 1402534000000}, {"y": 44, "x": 1403534000000}, {"y": 34, "x": 1404534000000}, {"y": 39, "x": 1405534000000}, {"y": 39, "x": 1406534000000}, {"y": 39, "x": 1407534000000}, {"y": 35, "x": 1408534000000}, {"y": 33, "x": 1409534000000}, {"y": 32, "x": 1410534000000}, {"y": 31, "x": 1411534000000}, {"y": 26, "x": 1412534000000}, {"y": 29, "x": 1413534000000}, {"y": 26, "x": 1414534000000}, {"y": 25, "x": 1415534000000}, {"y": 23, "x": 1416534000000}, {"y": 25, "x": 1417534000000}, {"y": 25, "x": 1418534000000}, {"y": 25, "x": 1419534000000}, {"y": 18, "x": 1420534000000}, {"y": 18, "x": 1421534000000}, {"y": 16, "x": 1422534000000}, {"y": 20, "x": 1423534000000}, {"y": 16, "x": 1424534000000}, {"y": 17, "x": 1425534000000}, {"y": 20, "x": 1426534000000}, {"y": 14, "x": 1427534000000}, {"y": 11, "x": 1428534000000}, {"y": 9, "x": 1429534000000}, {"y": 16, "x": 1430534000000}, {"y": 10, "x": 1431534000000}, {"y": 15, "x": 1432534000000}, {"y": 6, "x": 1433534000000}, {"y": 12, "x": 1434534000000}, {"y": 12, "x": 1435534000000}, {"y": 11, "x": 1436534000000}, {"y": 8, "x": 1437534000000}], "key": "Duration", "yAxis": "1"}];
</script>
<h2>cumulativeLineChart</h2>
<div id="cumulativeLineChart"><svg style="height:350px;"></svg></div>
<script>
$(function(){nv.addGraph(function() {
var chart = nv.models.cumulativeLineChart();
chart.xAxis
.tickFormat(function(d) { return d3.time.format('%d %b %Y')(new Date(parseInt(d))) }
);
chart.yAxis
.tickFormat(d3.format(',.1%'));
chart.tooltipContent(function(key, y, e, graph) {
var x = d3.time.format('%d %b %Y')(new Date(parseInt(graph.point.x)));
var y = String(graph.point.y);
if(key == 'Count'){
var y = String(e) + ' Calls';
}
if(key == 'Duration'){
var y = String(e) + ' Min';
}
tooltip_str = '<center><b>'+key+'</b></center>' + y + ' on ' + x;
return tooltip_str;
});
chart.showLegend(true);
d3.select('#cumulativeLineChart svg')
.datum(data_cumulativeLineChart)
.transition().duration(500)
.attr('height', 350)
.call(chart);
return chart;
});
});data_cumulativeLineChart=[{"values": [{"y": 10, "x": 1338534000000}, {"y": 2, "x": 1339534000000}, {"y": 7, "x": 1340534000000}, {"y": 11, "x": 1341534000000}, {"y": 6, "x": 1342534000000}, {"y": 10, "x": 1343534000000}, {"y": 12, "x": 1344534000000}, {"y": 9, "x": 1345534000000}, {"y": 18, "x": 1346534000000}, {"y": 17, "x": 1347534000000}, {"y": 12, "x": 1348534000000}, {"y": 16, "x": 1349534000000}, {"y": 21, "x": 1350534000000}, {"y": 21, "x": 1351534000000}, {"y": 16, "x": 1352534000000}, {"y": 16, "x": 1353534000000}, {"y": 20, "x": 1354534000000}, {"y": 18, "x": 1355534000000}, {"y": 24, "x": 1356534000000}, {"y": 26, "x": 1357534000000}, {"y": 22, "x": 1358534000000}, {"y": 23, "x": 1359534000000}, {"y": 24, "x": 1360534000000}, {"y": 27, "x": 1361534000000}, {"y": 27, "x": 1362534000000}, {"y": 32, "x": 1363534000000}, {"y": 35, "x": 1364534000000}, {"y": 36, "x": 1365534000000}, {"y": 30, "x": 1366534000000}, {"y": 34, "x": 1367534000000}, {"y": 34, "x": 1368534000000}, {"y": 40, "x": 1369534000000}, {"y": 33, "x": 1370534000000}, {"y": 41, "x": 1371534000000}, {"y": 37, "x": 1372534000000}, {"y": 37, "x": 1373534000000}, {"y": 46, "x": 1374534000000}, {"y": 42, "x": 1375534000000}, {"y": 45, "x": 1376534000000}, {"y": 43, "x": 1377534000000}, {"y": 43, "x": 1378534000000}, {"y": 44, "x": 1379534000000}, {"y": 44, "x": 1380534000000}, {"y": 45, "x": 1381534000000}, {"y": 52, "x": 1382534000000}, {"y": 52, "x": 1383534000000}, {"y": 51, "x": 1384534000000}, {"y": 55, "x": 1385534000000}, {"y": 56, "x": 1386534000000}, {"y": 54, "x": 1387534000000}, {"y": 56, "x": 1388534000000}, {"y": 54, "x": 1389534000000}, {"y": 56, "x": 1390534000000}, {"y": 54, "x": 1391534000000}, {"y": 63, "x": 1392534000000}, {"y": 65, "x": 1393534000000}, {"y": 57, "x": 1394534000000}, {"y": 63, "x": 1395534000000}, {"y": 68, "x": 1396534000000}, {"y": 61, "x": 1397534000000}, {"y": 67, "x": 1398534000000}, {"y": 70, "x": 1399534000000}, {"y": 72, "x": 1400534000000}, {"y": 73, "x": 1401534000000}, {"y": 66, "x": 1402534000000}, {"y": 70, "x": 1403534000000}, {"y": 76, "x": 1404534000000}, {"y": 69, "x": 1405534000000}, {"y": 71, "x": 1406534000000}, {"y": 78, "x": 1407534000000}, {"y": 80, "x": 1408534000000}, {"y": 75, "x": 1409534000000}, {"y": 78, "x": 1410534000000}, {"y": 78, "x": 1411534000000}, {"y": 78, "x": 1412534000000}, {"y": 78, "x": 1413534000000}, {"y": 86, "x": 1414534000000}, {"y": 85, "x": 1415534000000}, {"y": 86, "x": 1416534000000}, {"y": 82, "x": 1417534000000}, {"y": 88, "x": 1418534000000}, {"y": 90, "x": 1419534000000}, {"y": 89, "x": 1420534000000}, {"y": 91, "x": 1421534000000}, {"y": 89, "x": 1422534000000}, {"y": 93, "x": 1423534000000}, {"y": 94, "x": 1424534000000}, {"y": 88, "x": 1425534000000}, {"y": 90, "x": 1426534000000}, {"y": 98, "x": 1427534000000}, {"y": 94, "x": 1428534000000}, {"y": 98, "x": 1429534000000}, {"y": 97, "x": 1430534000000}, {"y": 94, "x": 1431534000000}, {"y": 95, "x": 1432534000000}, {"y": 96, "x": 1433534000000}, {"y": 106, "x": 1434534000000}, {"y": 102, "x": 1435534000000}, {"y": 107, "x": 1436534000000}, {"y": 100, "x": 1437534000000}], "key": "Count", "yAxis": "1"}, {"values": [{"y": 20, "x": 1338534000000}, {"y": 4, "x": 1339534000000}, {"y": 14, "x": 1340534000000}, {"y": 22, "x": 1341534000000}, {"y": 12, "x": 1342534000000}, {"y": 20, "x": 1343534000000}, {"y": 24, "x": 1344534000000}, {"y": 18, "x": 1345534000000}, {"y": 36, "x": 1346534000000}, {"y": 34, "x": 1347534000000}, {"y": 24, "x": 1348534000000}, {"y": 32, "x": 1349534000000}, {"y": 42, "x": 1350534000000}, {"y": 42, "x": 1351534000000}, {"y": 32, "x": 1352534000000}, {"y": 32, "x": 1353534000000}, {"y": 40, "x": 1354534000000}, {"y": 36, "x": 1355534000000}, {"y": 48, "x": 1356534000000}, {"y": 52, "x": 1357534000000}, {"y": 44, "x": 1358534000000}, {"y": 46, "x": 1359534000000}, {"y": 48, "x": 1360534000000}, {"y": 54, "x": 1361534000000}, {"y": 54, "x": 1362534000000}, {"y": 64, "x": 1363534000000}, {"y": 70, "x": 1364534000000}, {"y": 72, "x": 1365534000000}, {"y": 60, "x": 1366534000000}, {"y": 68, "x": 1367534000000}, {"y": 68, "x": 1368534000000}, {"y": 80, "x": 1369534000000}, {"y": 66, "x": 1370534000000}, {"y": 82, "x": 1371534000000}, {"y": 74, "x": 1372534000000}, {"y": 74, "x": 1373534000000}, {"y": 92, "x": 1374534000000}, {"y": 84, "x": 1375534000000}, {"y": 90, "x": 1376534000000}, {"y": 86, "x": 1377534000000}, {"y": 86, "x": 1378534000000}, {"y": 88, "x": 1379534000000}, {"y": 88, "x": 1380534000000}, {"y": 90, "x": 1381534000000}, {"y": 104, "x": 1382534000000}, {"y": 104, "x": 1383534000000}, {"y": 102, "x": 1384534000000}, {"y": 110, "x": 1385534000000}, {"y": 112, "x": 1386534000000}, {"y": 108, "x": 1387534000000}, {"y": 112, "x": 1388534000000}, {"y": 108, "x": 1389534000000}, {"y": 112, "x": 1390534000000}, {"y": 108, "x": 1391534000000}, {"y": 126, "x": 1392534000000}, {"y": 130, "x": 1393534000000}, {"y": 114, "x": 1394534000000}, {"y": 126, "x": 1395534000000}, {"y": 136, "x": 1396534000000}, {"y": 122, "x": 1397534000000}, {"y": 134, "x": 1398534000000}, {"y": 140, "x": 1399534000000}, {"y": 144, "x": 1400534000000}, {"y": 146, "x": 1401534000000}, {"y": 132, "x": 1402534000000}, {"y": 140, "x": 1403534000000}, {"y": 152, "x": 1404534000000}, {"y": 138, "x": 1405534000000}, {"y": 142, "x": 1406534000000}, {"y": 156, "x": 1407534000000}, {"y": 160, "x": 1408534000000}, {"y": 150, "x": 1409534000000}, {"y": 156, "x": 1410534000000}, {"y": 156, "x": 1411534000000}, {"y": 156, "x": 1412534000000}, {"y": 156, "x": 1413534000000}, {"y": 172, "x": 1414534000000}, {"y": 170, "x": 1415534000000}, {"y": 172, "x": 1416534000000}, {"y": 164, "x": 1417534000000}, {"y": 176, "x": 1418534000000}, {"y": 180, "x": 1419534000000}, {"y": 178, "x": 1420534000000}, {"y": 182, "x": 1421534000000}, {"y": 178, "x": 1422534000000}, {"y": 186, "x": 1423534000000}, {"y": 188, "x": 1424534000000}, {"y": 176, "x": 1425534000000}, {"y": 180, "x": 1426534000000}, {"y": 196, "x": 1427534000000}, {"y": 188, "x": 1428534000000}, {"y": 196, "x": 1429534000000}, {"y": 194, "x": 1430534000000}, {"y": 188, "x": 1431534000000}, {"y": 190, "x": 1432534000000}, {"y": 192, "x": 1433534000000}, {"y": 212, "x": 1434534000000}, {"y": 204, "x": 1435534000000}, {"y": 214, "x": 1436534000000}, {"y": 200, "x": 1437534000000}], "key": "Duration", "yAxis": "1"}];
</script>
<h2>multiBarHorizontalChart</h2>
<div id="multiBarHorizontalChart"><svg style="height:350px;"></svg></div>
<script>
$(function(){nv.addGraph(function() {
var chart = nv.models.multiBarHorizontalChart();
chart.xAxis
.tickFormat(d3.format(',.2f'));
chart.yAxis
.tickFormat(d3.format(',.2f'));
chart.tooltipContent(function(key, y, e, graph) {
var x = String(graph.point.x);
var y = String(graph.point.y);
if(key == 'Count'){
var y = String(graph.point.y) + ' Calls';
}
if(key == 'Duration'){
var y = String(graph.point.y) + ' Min';
}
tooltip_str = '<center><b>'+key+'</b></center>' + y + ' at ' + x;
return tooltip_str;
});
chart.showLegend(true);
d3.select('#multiBarHorizontalChart svg')
.datum(data_multiBarHorizontalChart)
.transition().duration(500)
.attr('height', 350)
.call(chart);
return chart;
});
});data_multiBarHorizontalChart=[{"values": [{"y": 6, "x": 0}, {"y": 7, "x": 1}, {"y": -3, "x": 2}, {"y": 7, "x": 3}, {"y": 9, "x": 4}, {"y": 2, "x": 5}, {"y": -4, "x": 6}, {"y": -4, "x": 7}, {"y": -3, "x": 8}, {"y": 1, "x": 9}], "key": "Count", "yAxis": "1"}, {"values": [{"y": 12, "x": 0}, {"y": 14, "x": 1}, {"y": -6, "x": 2}, {"y": 14, "x": 3}, {"y": 18, "x": 4}, {"y": 4, "x": 5}, {"y": -8, "x": 6}, {"y": -8, "x": 7}, {"y": -6, "x": 8}, {"y": 2, "x": 9}], "key": "Duration", "yAxis": "1"}];
</script>
<h2>multiBarChart</h2>
<div id="multiBarChart"><svg style="height:350px;"></svg></div>
<script>
$(function(){nv.addGraph(function() {
var chart = nv.models.multiBarChart();
chart.xAxis
.tickFormat(d3.format(',.2f'));
chart.yAxis
.tickFormat(d3.format(',.2f'));
chart.tooltipContent(function(key, y, e, graph) {
var x = String(graph.point.x);
var y = String(graph.point.y);
if(key == 'Count'){
var y = String(graph.point.y) + ' call';
}
if(key == 'Duration'){
var y = String(graph.point.y) + ' min';
}
tooltip_str = '<center><b>'+key+'</b></center>' + y + ' at ' + x;
return tooltip_str;
});
chart.showLegend(true);
d3.select('#multiBarChart svg')
.datum(data_multiBarChart)
.transition().duration(500)
.attr('height', 350)
.call(chart);
return chart;
});
});data_multiBarChart=[{"values": [{"y": 8, "x": 0}, {"y": 6, "x": 1}, {"y": 7, "x": 2}, {"y": 5, "x": 3}, {"y": 5, "x": 4}, {"y": 9, "x": 5}, {"y": 10, "x": 6}, {"y": 3, "x": 7}, {"y": 8, "x": 8}, {"y": 8, "x": 9}], "key": "Count", "yAxis": "1"}, {"values": [{"y": 16, "x": 0}, {"y": 12, "x": 1}, {"y": 14, "x": 2}, {"y": 10, "x": 3}, {"y": 10, "x": 4}, {"y": 18, "x": 5}, {"y": 20, "x": 6}, {"y": 6, "x": 7}, {"y": 16, "x": 8}, {"y": 16, "x": 9}], "key": "Duration", "yAxis": "1"}];
</script>
<h2>multiBarChartDate</h2>
<div id="multiBarChartDate"><svg style="height:350px;"></svg></div>
<script>
$(function(){nv.addGraph(function() {
var chart = nv.models.multiBarChart();
chart.xAxis
.tickFormat(function(d) { return d3.time.format('%d %b %Y')(new Date(parseInt(d))) }
);
chart.yAxis
.tickFormat(d3.format(',.2f'));
chart.tooltipContent(function(key, y, e, graph) {
var x = d3.time.format('%d %b %Y %H:%M:%S %p')(new Date(parseInt(graph.point.x)));
var y = String(graph.point.y);
if(key == 'Count'){
var y = 'There are ' + String(graph.point.y) + ' calls';
}
if(key == 'Duration'){
var y = 'There are ' + String(graph.point.y) + ' duration';
}
tooltip_str = '<center><b>'+key+'</b></center>' + y + ' on ' + x;
return tooltip_str;
});
chart.showLegend(true);
d3.select('#multiBarChartDate svg')
.datum(data_multiBarChartDate)
.transition().duration(500)
.attr('height', 350)
.call(chart);
return chart;
});
});data_multiBarChartDate=[{"values": [{"y": 4, "x": 1338534000000}, {"y": 2, "x": 1339534000000}, {"y": 3, "x": 1340534000000}, {"y": 10, "x": 1341534000000}, {"y": 6, "x": 1342534000000}, {"y": 6, "x": 1343534000000}, {"y": 10, "x": 1344534000000}, {"y": 16, "x": 1345534000000}, {"y": 18, "x": 1346534000000}, {"y": 13, "x": 1347534000000}, {"y": 20, "x": 1348534000000}, {"y": 12, "x": 1349534000000}, {"y": 13, "x": 1350534000000}, {"y": 20, "x": 1351534000000}, {"y": 20, "x": 1352534000000}, {"y": 21, "x": 1353534000000}, {"y": 18, "x": 1354534000000}, {"y": 23, "x": 1355534000000}, {"y": 20, "x": 1356534000000}, {"y": 25, "x": 1357534000000}, {"y": 29, "x": 1358534000000}, {"y": 31, "x": 1359534000000}, {"y": 31, "x": 1360534000000}, {"y": 26, "x": 1361534000000}, {"y": 25, "x": 1362534000000}, {"y": 29, "x": 1363534000000}, {"y": 28, "x": 1364534000000}, {"y": 35, "x": 1365534000000}, {"y": 33, "x": 1366534000000}, {"y": 34, "x": 1367534000000}, {"y": 38, "x": 1368534000000}, {"y": 41, "x": 1369534000000}, {"y": 34, "x": 1370534000000}, {"y": 40, "x": 1371534000000}, {"y": 40, "x": 1372534000000}, {"y": 36, "x": 1373534000000}, {"y": 38, "x": 1374534000000}, {"y": 42, "x": 1375534000000}, {"y": 41, "x": 1376534000000}, {"y": 40, "x": 1377534000000}, {"y": 46, "x": 1378534000000}, {"y": 43, "x": 1379534000000}, {"y": 51, "x": 1380534000000}, {"y": 47, "x": 1381534000000}, {"y": 54, "x": 1382534000000}, {"y": 49, "x": 1383534000000}, {"y": 55, "x": 1384534000000}, {"y": 49, "x": 1385534000000}, {"y": 55, "x": 1386534000000}, {"y": 52, "x": 1387534000000}, {"y": 53, "x": 1388534000000}, {"y": 58, "x": 1389534000000}, {"y": 57, "x": 1390534000000}, {"y": 59, "x": 1391534000000}, {"y": 61, "x": 1392534000000}, {"y": 58, "x": 1393534000000}, {"y": 59, "x": 1394534000000}, {"y": 61, "x": 1395534000000}, {"y": 63, "x": 1396534000000}, {"y": 67, "x": 1397534000000}, {"y": 65, "x": 1398534000000}, {"y": 70, "x": 1399534000000}, {"y": 65, "x": 1400534000000}, {"y": 73, "x": 1401534000000}, {"y": 71, "x": 1402534000000}, {"y": 70, "x": 1403534000000}, {"y": 70, "x": 1404534000000}, {"y": 75, "x": 1405534000000}, {"y": 70, "x": 1406534000000}, {"y": 70, "x": 1407534000000}, {"y": 80, "x": 1408534000000}, {"y": 78, "x": 1409534000000}, {"y": 79, "x": 1410534000000}, {"y": 82, "x": 1411534000000}, {"y": 82, "x": 1412534000000}, {"y": 80, "x": 1413534000000}, {"y": 86, "x": 1414534000000}, {"y": 82, "x": 1415534000000}, {"y": 83, "x": 1416534000000}, {"y": 84, "x": 1417534000000}, {"y": 84, "x": 1418534000000}, {"y": 82, "x": 1419534000000}, {"y": 84, "x": 1420534000000}, {"y": 87, "x": 1421534000000}, {"y": 88, "x": 1422534000000}, {"y": 89, "x": 1423534000000}, {"y": 96, "x": 1424534000000}, {"y": 96, "x": 1425534000000}, {"y": 97, "x": 1426534000000}, {"y": 93, "x": 1427534000000}, {"y": 94, "x": 1428534000000}, {"y": 99, "x": 1429534000000}, {"y": 95, "x": 1430534000000}, {"y": 100, "x": 1431534000000}, {"y": 103, "x": 1432534000000}, {"y": 98, "x": 1433534000000}, {"y": 98, "x": 1434534000000}, {"y": 100, "x": 1435534000000}, {"y": 104, "x": 1436534000000}, {"y": 106, "x": 1437534000000}], "key": "Count", "yAxis": "1"}, {"values": [{"y": 8, "x": 1338534000000}, {"y": 4, "x": 1339534000000}, {"y": 6, "x": 1340534000000}, {"y": 20, "x": 1341534000000}, {"y": 12, "x": 1342534000000}, {"y": 12, "x": 1343534000000}, {"y": 20, "x": 1344534000000}, {"y": 32, "x": 1345534000000}, {"y": 36, "x": 1346534000000}, {"y": 26, "x": 1347534000000}, {"y": 40, "x": 1348534000000}, {"y": 24, "x": 1349534000000}, {"y": 26, "x": 1350534000000}, {"y": 40, "x": 1351534000000}, {"y": 40, "x": 1352534000000}, {"y": 42, "x": 1353534000000}, {"y": 36, "x": 1354534000000}, {"y": 46, "x": 1355534000000}, {"y": 40, "x": 1356534000000}, {"y": 50, "x": 1357534000000}, {"y": 58, "x": 1358534000000}, {"y": 62, "x": 1359534000000}, {"y": 62, "x": 1360534000000}, {"y": 52, "x": 1361534000000}, {"y": 50, "x": 1362534000000}, {"y": 58, "x": 1363534000000}, {"y": 56, "x": 1364534000000}, {"y": 70, "x": 1365534000000}, {"y": 66, "x": 1366534000000}, {"y": 68, "x": 1367534000000}, {"y": 76, "x": 1368534000000}, {"y": 82, "x": 1369534000000}, {"y": 68, "x": 1370534000000}, {"y": 80, "x": 1371534000000}, {"y": 80, "x": 1372534000000}, {"y": 72, "x": 1373534000000}, {"y": 76, "x": 1374534000000}, {"y": 84, "x": 1375534000000}, {"y": 82, "x": 1376534000000}, {"y": 80, "x": 1377534000000}, {"y": 92, "x": 1378534000000}, {"y": 86, "x": 1379534000000}, {"y": 102, "x": 1380534000000}, {"y": 94, "x": 1381534000000}, {"y": 108, "x": 1382534000000}, {"y": 98, "x": 1383534000000}, {"y": 110, "x": 1384534000000}, {"y": 98, "x": 1385534000000}, {"y": 110, "x": 1386534000000}, {"y": 104, "x": 1387534000000}, {"y": 106, "x": 1388534000000}, {"y": 116, "x": 1389534000000}, {"y": 114, "x": 1390534000000}, {"y": 118, "x": 1391534000000}, {"y": 122, "x": 1392534000000}, {"y": 116, "x": 1393534000000}, {"y": 118, "x": 1394534000000}, {"y": 122, "x": 1395534000000}, {"y": 126, "x": 1396534000000}, {"y": 134, "x": 1397534000000}, {"y": 130, "x": 1398534000000}, {"y": 140, "x": 1399534000000}, {"y": 130, "x": 1400534000000}, {"y": 146, "x": 1401534000000}, {"y": 142, "x": 1402534000000}, {"y": 140, "x": 1403534000000}, {"y": 140, "x": 1404534000000}, {"y": 150, "x": 1405534000000}, {"y": 140, "x": 1406534000000}, {"y": 140, "x": 1407534000000}, {"y": 160, "x": 1408534000000}, {"y": 156, "x": 1409534000000}, {"y": 158, "x": 1410534000000}, {"y": 164, "x": 1411534000000}, {"y": 164, "x": 1412534000000}, {"y": 160, "x": 1413534000000}, {"y": 172, "x": 1414534000000}, {"y": 164, "x": 1415534000000}, {"y": 166, "x": 1416534000000}, {"y": 168, "x": 1417534000000}, {"y": 168, "x": 1418534000000}, {"y": 164, "x": 1419534000000}, {"y": 168, "x": 1420534000000}, {"y": 174, "x": 1421534000000}, {"y": 176, "x": 1422534000000}, {"y": 178, "x": 1423534000000}, {"y": 192, "x": 1424534000000}, {"y": 192, "x": 1425534000000}, {"y": 194, "x": 1426534000000}, {"y": 186, "x": 1427534000000}, {"y": 188, "x": 1428534000000}, {"y": 198, "x": 1429534000000}, {"y": 190, "x": 1430534000000}, {"y": 200, "x": 1431534000000}, {"y": 206, "x": 1432534000000}, {"y": 196, "x": 1433534000000}, {"y": 196, "x": 1434534000000}, {"y": 200, "x": 1435534000000}, {"y": 208, "x": 1436534000000}, {"y": 212, "x": 1437534000000}], "key": "Duration", "yAxis": "1"}];
</script>
<h2>scatterChart</h2>
<div id="scatterChart"><svg style="height:350px;"></svg></div>
<script>
$(function(){nv.addGraph(function() {
var chart = nv.models.scatterChart()
.showDistX(true)
.showDistY(true)
.color(d3.scale.category10().range());
chart.xAxis
.tickFormat(d3.format(',.02f'));
chart.yAxis
.tickFormat(d3.format(',.02f'));
chart.tooltipContent(function(key, y, e, graph) {
var x = String(graph.point.x);
var y = String(graph.point.y);
if(key == 'serie 1'){
var y = String(graph.point.y) + ' calls';
}
if(key == 'serie 2'){
var y = String(graph.point.y) + ' calls';
}
if(key == 'serie 3'){
var y = String(graph.point.y) + ' calls';
}
tooltip_str = '<center><b>'+key+'</b></center>' + y + ' at ' + x;
return tooltip_str;
});
chart.showLegend(true);
d3.select('#scatterChart svg')
.datum(data_scatterChart)
.transition().duration(500)
.attr('height', 350)
.call(chart);
return chart;
});
});data_scatterChart=[{"values": [{"y": 0, "x": 8, "shape": "circle", "size": "1"}, {"y": 4, "x": 10, "shape": "circle", "size": "1"}, {"y": 16, "x": 4, "shape": "circle", "size": "1"}, {"y": 21, "x": 4, "shape": "circle", "size": "1"}, {"y": 4, "x": 14, "shape": "circle", "size": "1"}, {"y": 50, "x": 8, "shape": "circle", "size": "1"}, {"y": 6, "x": 7, "shape": "circle", "size": "1"}, {"y": 14, "x": 15, "shape": "circle", "size": "1"}, {"y": 64, "x": 14, "shape": "circle", "size": "1"}, {"y": 54, "x": 15, "shape": "circle", "size": "1"}, {"y": 20, "x": 14, "shape": "circle", "size": "1"}, {"y": 11, "x": 21, "shape": "circle", "size": "1"}, {"y": 36, "x": 17, "shape": "circle", "size": "1"}, {"y": 78, "x": 18, "shape": "circle", "size": "1"}, {"y": 70, "x": 20, "shape": "circle", "size": "1"}, {"y": 75, "x": 23, "shape": "circle", "size": "1"}, {"y": 16, "x": 21, "shape": "circle", "size": "1"}, {"y": 17, "x": 24, "shape": "circle", "size": "1"}, {"y": 54, "x": 25, "shape": "circle", "size": "1"}, {"y": 19, "x": 21, "shape": "circle", "size": "1"}, {"y": 160, "x": 30, "shape": "circle", "size": "1"}, {"y": 168, "x": 22, "shape": "circle", "size": "1"}, {"y": 154, "x": 28, "shape": "circle", "size": "1"}, {"y": 207, "x": 27, "shape": "circle", "size": "1"}, {"y": 240, "x": 30, "shape": "circle", "size": "1"}, {"y": 225, "x": 26, "shape": "circle", "size": "1"}, {"y": 260, "x": 34, "shape": "circle", "size": "1"}, {"y": 243, "x": 35, "shape": "circle", "size": "1"}, {"y": 252, "x": 31, "shape": "circle", "size": "1"}, {"y": 232, "x": 35, "shape": "circle", "size": "1"}, {"y": 210, "x": 31, "shape": "circle", "size": "1"}, {"y": 217, "x": 35, "shape": "circle", "size": "1"}, {"y": 288, "x": 36, "shape": "circle", "size": "1"}, {"y": 264, "x": 42, "shape": "circle", "size": "1"}, {"y": 340, "x": 40, "shape": "circle", "size": "1"}, {"y": 35, "x": 44, "shape": "circle", "size": "1"}, {"y": 144, "x": 37, "shape": "circle", "size": "1"}, {"y": 74, "x": 43, "shape": "circle", "size": "1"}, {"y": 304, "x": 48, "shape": "circle", "size": "1"}, {"y": 390, "x": 49, "shape": "circle", "size": "1"}, {"y": 80, "x": 47, "shape": "circle", "size": "1"}, {"y": 123, "x": 50, "shape": "circle", "size": "1"}, {"y": 210, "x": 48, "shape": "circle", "size": "1"}, {"y": 258, "x": 46, "shape": "circle", "size": "1"}, {"y": 308, "x": 47, "shape": "circle", "size": "1"}, {"y": 360, "x": 47, "shape": "circle", "size": "1"}, {"y": 414, "x": 51, "shape": "circle", "size": "1"}, {"y": 376, "x": 51, "shape": "circle", "size": "1"}, {"y": 240, "x": 56, "shape": "circle", "size": "1"}, {"y": 343, "x": 57, "shape": "circle", "size": "1"}], "key": "serie 1", "yAxis": "1"}, {"values": [{"y": 0, "x": 8, "shape": "cross", "size": "10"}, {"y": 8, "x": 10, "shape": "cross", "size": "10"}, {"y": 32, "x": 4, "shape": "cross", "size": "10"}, {"y": 42, "x": 4, "shape": "cross", "size": "10"}, {"y": 8, "x": 14, "shape": "cross", "size": "10"}, {"y": 100, "x": 8, "shape": "cross", "size": "10"}, {"y": 12, "x": 7, "shape": "cross", "size": "10"}, {"y": 28, "x": 15, "shape": "cross", "size": "10"}, {"y": 128, "x": 14, "shape": "cross", "size": "10"}, {"y": 108, "x": 15, "shape": "cross", "size": "10"}, {"y": 40, "x": 14, "shape": "cross", "size": "10"}, {"y": 22, "x": 21, "shape": "cross", "size": "10"}, {"y": 72, "x": 17, "shape": "cross", "size": "10"}, {"y": 156, "x": 18, "shape": "cross", "size": "10"}, {"y": 140, "x": 20, "shape": "cross", "size": "10"}, {"y": 150, "x": 23, "shape": "cross", "size": "10"}, {"y": 32, "x": 21, "shape": "cross", "size": "10"}, {"y": 34, "x": 24, "shape": "cross", "size": "10"}, {"y": 108, "x": 25, "shape": "cross", "size": "10"}, {"y": 38, "x": 21, "shape": "cross", "size": "10"}, {"y": 320, "x": 30, "shape": "cross", "size": "10"}, {"y": 336, "x": 22, "shape": "cross", "size": "10"}, {"y": 308, "x": 28, "shape": "cross", "size": "10"}, {"y": 414, "x": 27, "shape": "cross", "size": "10"}, {"y": 480, "x": 30, "shape": "cross", "size": "10"}, {"y": 450, "x": 26, "shape": "cross", "size": "10"}, {"y": 520, "x": 34, "shape": "cross", "size": "10"}, {"y": 486, "x": 35, "shape": "cross", "size": "10"}, {"y": 504, "x": 31, "shape": "cross", "size": "10"}, {"y": 464, "x": 35, "shape": "cross", "size": "10"}, {"y": 420, "x": 31, "shape": "cross", "size": "10"}, {"y": 434, "x": 35, "shape": "cross", "size": "10"}, {"y": 576, "x": 36, "shape": "cross", "size": "10"}, {"y": 528, "x": 42, "shape": "cross", "size": "10"}, {"y": 680, "x": 40, "shape": "cross", "size": "10"}, {"y": 70, "x": 44, "shape": "cross", "size": "10"}, {"y": 288, "x": 37, "shape": "cross", "size": "10"}, {"y": 148, "x": 43, "shape": "cross", "size": "10"}, {"y": 608, "x": 48, "shape": "cross", "size": "10"}, {"y": 780, "x": 49, "shape": "cross", "size": "10"}, {"y": 160, "x": 47, "shape": "cross", "size": "10"}, {"y": 246, "x": 50, "shape": "cross", "size": "10"}, {"y": 420, "x": 48, "shape": "cross", "size": "10"}, {"y": 516, "x": 46, "shape": "cross", "size": "10"}, {"y": 616, "x": 47, "shape": "cross", "size": "10"}, {"y": 720, "x": 47, "shape": "cross", "size": "10"}, {"y": 828, "x": 51, "shape": "cross", "size": "10"}, {"y": 752, "x": 51, "shape": "cross", "size": "10"}, {"y": 480, "x": 56, "shape": "cross", "size": "10"}, {"y": 686, "x": 57, "shape": "cross", "size": "10"}], "key": "serie 2", "yAxis": "1"}, {"values": [{"y": 0, "x": 8, "shape": "triangle-up", "size": "100"}, {"y": 20, "x": 10, "shape": "triangle-up", "size": "100"}, {"y": 80, "x": 4, "shape": "triangle-up", "size": "100"}, {"y": 105, "x": 4, "shape": "triangle-up", "size": "100"}, {"y": 20, "x": 14, "shape": "triangle-up", "size": "100"}, {"y": 250, "x": 8, "shape": "triangle-up", "size": "100"}, {"y": 30, "x": 7, "shape": "triangle-up", "size": "100"}, {"y": 70, "x": 15, "shape": "triangle-up", "size": "100"}, {"y": 320, "x": 14, "shape": "triangle-up", "size": "100"}, {"y": 270, "x": 15, "shape": "triangle-up", "size": "100"}, {"y": 100, "x": 14, "shape": "triangle-up", "size": "100"}, {"y": 55, "x": 21, "shape": "triangle-up", "size": "100"}, {"y": 180, "x": 17, "shape": "triangle-up", "size": "100"}, {"y": 390, "x": 18, "shape": "triangle-up", "size": "100"}, {"y": 350, "x": 20, "shape": "triangle-up", "size": "100"}, {"y": 375, "x": 23, "shape": "triangle-up", "size": "100"}, {"y": 80, "x": 21, "shape": "triangle-up", "size": "100"}, {"y": 85, "x": 24, "shape": "triangle-up", "size": "100"}, {"y": 270, "x": 25, "shape": "triangle-up", "size": "100"}, {"y": 95, "x": 21, "shape": "triangle-up", "size": "100"}, {"y": 800, "x": 30, "shape": "triangle-up", "size": "100"}, {"y": 840, "x": 22, "shape": "triangle-up", "size": "100"}, {"y": 770, "x": 28, "shape": "triangle-up", "size": "100"}, {"y": 1035, "x": 27, "shape": "triangle-up", "size": "100"}, {"y": 1200, "x": 30, "shape": "triangle-up", "size": "100"}, {"y": 1125, "x": 26, "shape": "triangle-up", "size": "100"}, {"y": 1300, "x": 34, "shape": "triangle-up", "size": "100"}, {"y": 1215, "x": 35, "shape": "triangle-up", "size": "100"}, {"y": 1260, "x": 31, "shape": "triangle-up", "size": "100"}, {"y": 1160, "x": 35, "shape": "triangle-up", "size": "100"}, {"y": 1050, "x": 31, "shape": "triangle-up", "size": "100"}, {"y": 1085, "x": 35, "shape": "triangle-up", "size": "100"}, {"y": 1440, "x": 36, "shape": "triangle-up", "size": "100"}, {"y": 1320, "x": 42, "shape": "triangle-up", "size": "100"}, {"y": 1700, "x": 40, "shape": "triangle-up", "size": "100"}, {"y": 175, "x": 44, "shape": "triangle-up", "size": "100"}, {"y": 720, "x": 37, "shape": "triangle-up", "size": "100"}, {"y": 370, "x": 43, "shape": "triangle-up", "size": "100"}, {"y": 1520, "x": 48, "shape": "triangle-up", "size": "100"}, {"y": 1950, "x": 49, "shape": "triangle-up", "size": "100"}, {"y": 400, "x": 47, "shape": "triangle-up", "size": "100"}, {"y": 615, "x": 50, "shape": "triangle-up", "size": "100"}, {"y": 1050, "x": 48, "shape": "triangle-up", "size": "100"}, {"y": 1290, "x": 46, "shape": "triangle-up", "size": "100"}, {"y": 1540, "x": 47, "shape": "triangle-up", "size": "100"}, {"y": 1800, "x": 47, "shape": "triangle-up", "size": "100"}, {"y": 2070, "x": 51, "shape": "triangle-up", "size": "100"}, {"y": 1880, "x": 51, "shape": "triangle-up", "size": "100"}, {"y": 1200, "x": 56, "shape": "triangle-up", "size": "100"}, {"y": 1715, "x": 57, "shape": "triangle-up", "size": "100"}], "key": "serie 3", "yAxis": "1"}];
</script>
<h2>linePlusBarWithFocusChart</h2>
<div id="linePlusBarWithFocusChart"><svg style="height:350px;"></svg></div>
<script>
$(function(){nv.addGraph(function() {
var chart = nv.models.linePlusBarWithFocusChart();
chart.margin({top: 30, right: 60, bottom: 50, left: 70})
.x(function(d,i) { return i });
chart.height(350);
chart.y2Axis
.tickFormat(function(d) { return d3.format(',.2f')(d) });
chart.x2Axis
.tickFormat(function(d) {
var dx = data_linePlusBarWithFocusChart[0].values[d] && data_linePlusBarWithFocusChart[0].values[d].x || 0;
return d3.time.format('%d %b %Y')(new Date(dx));
});
chart.y4Axis
.tickFormat(function(d) { return d3.format(',.2f')(d) });
chart.y3Axis
.tickFormat(d3.format(',f'));
chart.xAxis
.tickFormat(function(d) {
var dx = data_linePlusBarWithFocusChart[0].values[d] && data_linePlusBarWithFocusChart[0].values[d].x || 0;
if (dx > 0) { return d3.time.format('%d %b %Y')(new Date(dx)) }
return null;
});
chart.y1Axis
.tickFormat(d3.format(',f'));
chart.tooltipContent(function(key, y, e, graph) {
var x = d3.time.format('%d %b %Y')(new Date(parseInt(graph.point.x)));
var y = String(graph.point.y);
if(key.indexOf('Count') > -1 ){
var y = '$ ' + String(graph.point.y) ;
}
if(key.indexOf('Duration') > -1 ){
var y = String(graph.point.y) + ' min';
}
tooltip_str = '<center><b>'+key+'</b></center>' + y + ' on ' + x;
return tooltip_str;
});
chart.showLegend(true);
d3.select('#linePlusBarWithFocusChart svg')
.datum(data_linePlusBarWithFocusChart)
.transition().duration(500)
.attr('height', 350)
.call(chart);
return chart;
});
});data_linePlusBarWithFocusChart=[{"bar": "true", "values": [[1338534000000, 5], [1339534000000, 11], [1340534000000, 4], [1341534000000, 4], [1342534000000, 7], [1343534000000, 11], [1344534000000, 16], [1345534000000, 8], [1346534000000, 18], [1347534000000, 12], [1348534000000, 20], [1349534000000, 15], [1350534000000, 14], [1351534000000, 15], [1352534000000, 23], [1353534000000, 20], [1354534000000, 23], [1355534000000, 19], [1356534000000, 28], [1357534000000, 28], [1358534000000, 21], [1359534000000, 31], [1360534000000, 32], [1361534000000, 33], [1362534000000, 27], [1363534000000, 34], [1364534000000, 27], [1365534000000, 35], [1366534000000, 38], [1367534000000, 32], [1368534000000, 39], [1369534000000, 38], [1370534000000, 36], [1371534000000, 42], [1372534000000, 35], [1373534000000, 41], [1374534000000, 46], [1375534000000, 47], [1376534000000, 42], [1377534000000, 41], [1378534000000, 48], [1379534000000, 45], [1380534000000, 47], [1381534000000, 47], [1382534000000, 47], [1383534000000, 51], [1384534000000, 53], [1385534000000, 48], [1386534000000, 58], [1387534000000, 59], [1388534000000, 60], [1389534000000, 57], [1390534000000, 57], [1391534000000, 56], [1392534000000, 57], [1393534000000, 61], [1394534000000, 57], [1395534000000, 59], [1396534000000, 65], [1397534000000, 61], [1398534000000, 64], [1399534000000, 63], [1400534000000, 64], [1401534000000, 72], [1402534000000, 70], [1403534000000, 74], [1404534000000, 72], [1405534000000, 68], [1406534000000, 70], [1407534000000, 79], [1408534000000, 72], [1409534000000, 73], [1410534000000, 76], [1411534000000, 78], [1412534000000, 76], [1413534000000, 76], [1414534000000, 80], [1415534000000, 83], [1416534000000, 82], [1417534000000, 84], [1418534000000, 85], [1419534000000, 91], [1420534000000, 86], [1421534000000, 92], [1422534000000, 88], [1423534000000, 86], [1424534000000, 95], [1425534000000, 96], [1426534000000, 92], [1427534000000, 96], [1428534000000, 100], [1429534000000, 94], [1430534000000, 93], [1431534000000, 100], [1432534000000, 100], [1433534000000, 103], [1434534000000, 101], [1435534000000, 99], [1436534000000, 100], [1437534000000, 100], [1438534000000, 108], [1439534000000, 111], [1440534000000, 111], [1441534000000, 104], [1442534000000, 112], [1443534000000, 111], [1444534000000, 114], [1445534000000, 110], [1446534000000, 111], [1447534000000, 117], [1448534000000, 118], [1449534000000, 120], [1450534000000, 119], [1451534000000, 119], [1452534000000, 121], [1453534000000, 123], [1454534000000, 123], [1455534000000, 127], [1456534000000, 124], [1457534000000, 121], [1458534000000, 125], [1459534000000, 126], [1460534000000, 128], [1461534000000, 130], [1462534000000, 132], [1463534000000, 131], [1464534000000, 136], [1465534000000, 133], [1466534000000, 130], [1467534000000, 132], [1468534000000, 135], [1469534000000, 140], [1470534000000, 137], [1471534000000, 141], [1472534000000, 142], [1473534000000, 137], [1474534000000, 146], [1475534000000, 140], [1476534000000, 147], [1477534000000, 146], [1478534000000, 146], [1479534000000, 149], [1480534000000, 146], [1481534000000, 149], [1482534000000, 149], [1483534000000, 149], [1484534000000, 153], [1485534000000, 149], [1486534000000, 158], [1487534000000, 150], [1488534000000, 159], [1489534000000, 157], [1490534000000, 156], [1491534000000, 154], [1492534000000, 163], [1493534000000, 156], [1494534000000, 157], [1495534000000, 160], [1496534000000, 164], [1497534000000, 163], [1498534000000, 166], [1499534000000, 163], [1500534000000, 170], [1501534000000, 173], [1502534000000, 170], [1503534000000, 175], [1504534000000, 167], [1505534000000, 176], [1506534000000, 174], [1507534000000, 179], [1508534000000, 178], [1509534000000, 177], [1510534000000, 174], [1511534000000, 180], [1512534000000, 176], [1513534000000, 179], [1514534000000, 181], [1515534000000, 179], [1516534000000, 182], [1517534000000, 183], [1518534000000, 186], [1519534000000, 189], [1520534000000, 186], [1521534000000, 185], [1522534000000, 187], [1523534000000, 186], [1524534000000, 191], [1525534000000, 196], [1526534000000, 191], [1527534000000, 196], [1528534000000, 192], [1529534000000, 195], [1530534000000, 195], [1531534000000, 197], [1532534000000, 198], [1533534000000, 204], [1534534000000, 197], [1535534000000, 200], [1536534000000, 208], [1537534000000, 207]], "key": "Count"}, {"values": [[1338534000000, 209], [1339534000000, 214], [1340534000000, 211], [1341534000000, 214], [1342534000000, 206], [1343534000000, 204], [1344534000000, 209], [1345534000000, 209], [1346534000000, 202], [1347534000000, 202], [1348534000000, 206], [1349534000000, 202], [1350534000000, 198], [1351534000000, 204], [1352534000000, 201], [1353534000000, 195], [1354534000000, 203], [1355534000000, 194], [1356534000000, 193], [1357534000000, 198], [1358534000000, 194], [1359534000000, 197], [1360534000000, 188], [1361534000000, 192], [1362534000000, 192], [1363534000000, 186], [1364534000000, 185], [1365534000000, 191], [1366534000000, 187], [1367534000000, 188], [1368534000000, 183], [1369534000000, 180], [1370534000000, 180], [1371534000000, 181], [1372534000000, 177], [1373534000000, 184], [1374534000000, 181], [1375534000000, 178], [1376534000000, 180], [1377534000000, 180], [1378534000000, 177], [1379534000000, 168], [1380534000000, 171], [1381534000000, 174], [1382534000000, 170], [1383534000000, 170], [1384534000000, 165], [1385534000000, 169], [1386534000000, 171], [1387534000000, 170], [1388534000000, 168], [1389534000000, 163], [1390534000000, 164], [1391534000000, 165], [1392534000000, 159], [1393534000000, 161], [1394534000000, 155], [1395534000000, 159], [1396534000000, 151], [1397534000000, 159], [1398534000000, 151], [1399534000000, 156], [1400534000000, 157], [1401534000000, 156], [1402534000000, 146], [1403534000000, 145], [1404534000000, 152], [1405534000000, 146], [1406534000000, 143], [1407534000000, 148], [1408534000000, 143], [1409534000000, 138], [1410534000000, 141], [1411534000000, 137], [1412534000000, 143], [1413534000000, 144], [1414534000000, 134], [1415534000000, 138], [1416534000000, 131], [1417534000000, 136], [1418534000000, 134], [1419534000000, 133], [1420534000000, 132], [1421534000000, 127], [1422534000000, 128], [1423534000000, 129], [1424534000000, 131], [1425534000000, 127], [1426534000000, 127], [1427534000000, 129], [1428534000000, 129], [1429534000000, 126], [1430534000000, 119], [1431534000000, 126], [1432534000000, 119], [1433534000000, 118], [1434534000000, 119], [1435534000000, 112], [1436534000000, 117], [1437534000000, 116], [1438534000000, 117], [1439534000000, 113], [1440534000000, 111], [1441534000000, 107], [1442534000000, 115], [1443534000000, 107], [1444534000000, 104], [1445534000000, 108], [1446534000000, 103], [1447534000000, 108], [1448534000000, 108], [1449534000000, 101], [1450534000000, 99], [1451534000000, 99], [1452534000000, 105], [1453534000000, 104], [1454534000000, 99], [1455534000000, 93], [1456534000000, 95], [1457534000000, 92], [1458534000000, 99], [1459534000000, 93], [1460534000000, 92], [1461534000000, 88], [1462534000000, 90], [1463534000000, 85], [1464534000000, 83], [1465534000000, 92], [1466534000000, 86], [1467534000000, 82], [1468534000000, 79], [1469534000000, 78], [1470534000000, 78], [1471534000000, 77], [1472534000000, 84], [1473534000000, 75], [1474534000000, 80], [1475534000000, 80], [1476534000000, 74], [1477534000000, 74], [1478534000000, 69], [1479534000000, 69], [1480534000000, 70], [1481534000000, 66], [1482534000000, 65], [1483534000000, 74], [1484534000000, 68], [1485534000000, 66], [1486534000000, 65], [1487534000000, 64], [1488534000000, 61], [1489534000000, 67], [1490534000000, 60], [1491534000000, 58], [1492534000000, 56], [1493534000000, 62], [1494534000000, 60], [1495534000000, 58], [1496534000000, 55], [1497534000000, 56], [1498534000000, 55], [1499534000000, 57], [1500534000000, 57], [1501534000000, 47], [1502534000000, 49], [1503534000000, 52], [1504534000000, 49], [1505534000000, 45], [1506534000000, 46], [1507534000000, 45], [1508534000000, 48], [1509534000000, 42], [1510534000000, 44], [1511534000000, 37], [1512534000000, 40], [1513534000000, 36], [1514534000000, 38], [1515534000000, 38], [1516534000000, 37], [1517534000000, 40], [1518534000000, 39], [1519534000000, 31], [1520534000000, 28], [1521534000000, 28], [1522534000000, 28], [1523534000000, 34], [1524534000000, 32], [1525534000000, 26], [1526534000000, 30], [1527534000000, 28], [1528534000000, 29], [1529534000000, 22], [1530534000000, 17], [1531534000000, 19], [1532534000000, 15], [1533534000000, 16], [1534534000000, 18], [1535534000000, 13], [1536534000000, 11], [1537534000000, 20]], "key": "Duration"}].map(function(series) {series.values = series.values.map(function(d) { return {x: d[0], y: d[1] } });return series; });
</script>
</body></html>