MetricsGraphics test case

gistfile1.js

D1=[{"time":"2014-12-10T07:00:00.000Z","val":23963.329444444444},{"time":"2014-12-10T08:00:00.000Z","val":0},{"time":"2014-12-10T09:00:00.000Z","val":7350.143697764535},{"time":"2014-12-10T10:00:00.000Z","val":1230.5423714379733},{"time":"2014-12-10T11:00:00.000Z","val":2680.6423191974077},{"time":"2014-12-10T12:00:00.000Z","val":5110.947544547842},{"time":"2014-12-10T13:00:00.000Z","val":2972.8870586764733},{"time":"2014-12-10T14:00:00.000Z","val":14244.08293326015},{"time":"2014-12-10T15:00:00.000Z","val":4154.984313596681},{"time":"2014-12-10T16:00:00.000Z","val":21274.571393023052},{"time":"2014-12-10T17:00:00.000Z","val":12827.169734152581},{"time":"2014-12-10T18:00:00.000Z","val":767.7136190974885},{"time":"2014-12-10T19:00:00.000Z","val":2.654181912484959},{"time":"2014-12-10T20:00:00.000Z","val":1.4527777777777775},{"time":"2014-12-10T21:00:00.000Z","val":659.5492520499265},{"time":"2014-12-10T22:00:00.000Z","val":547.1229701722958},{"time":"2014-12-10T23:00:00.000Z","val":1.6424999999999998},{"time":"2014-12-11T00:00:00.000Z","val":1233.4954054371751},{"time":"2014-12-11T01:00:00.000Z","val":0.40931678504707686},{"time":"2014-12-11T02:00:00.000Z","val":0},{"time":"2014-12-11T03:00:00.000Z","val":0},{"time":"2014-12-11T04:00:00.000Z","val":3962.5367078110958},{"time":"2014-12-11T05:00:00.000Z","val":664.7207921889044},{"time":"2014-12-11T06:00:00.000Z","val":0},{"time":"2014-12-11T07:00:00.000Z","val":0},{"time":"2014-12-11T08:00:00.000Z","val":0},{"time":"2014-12-11T09:00:00.000Z","val":0},{"time":"2014-12-11T10:00:00.000Z","val":0},{"time":"2014-12-11T11:00:00.000Z","val":0},{"time":"2014-12-11T12:00:00.000Z","val":0},{"time":"2014-12-11T13:00:00.000Z","val":0},{"time":"2014-12-11T14:00:00.000Z","val":0},{"time":"2014-12-11T15:00:00.000Z","val":0},{"time":"2014-12-11T16:00:00.000Z","val":0},{"time":"2014-12-11T17:00:00.000Z","val":0},{"time":"2014-12-11T18:00:00.000Z","val":0},{"time":"2014-12-11T19:00:00.000Z","val":0},{"time":"2014-12-11T20:00:00.000Z","val":0},{"time":"2014-12-11T21:00:00.000Z","val":0},{"time":"2014-12-11T22:00:00.000Z","val":0},{"time":"2014-12-11T23:00:00.000Z","val":0},{"time":"2014-12-12T00:00:00.000Z","val":0},{"time":"2014-12-12T01:00:00.000Z","val":0},{"time":"2014-12-12T02:00:00.000Z","val":0},{"time":"2014-12-12T03:00:00.000Z","val":0},{"time":"2014-12-12T04:00:00.000Z","val":1455.4087810764286},{"time":"2014-12-12T05:00:00.000Z","val":4047.049448904594},{"time":"2014-12-12T06:00:00.000Z","val":2870.311430208387},{"time":"2014-12-12T07:00:00.000Z","val":85221.59725190101},{"time":"2014-12-12T08:00:00.000Z","val":48240.57122899508},{"time":"2014-12-12T09:00:00.000Z","val":97375.72191979417},{"time":"2014-12-12T10:00:00.000Z","val":1075.9425583393493},{"time":"2014-12-12T11:00:00.000Z","val":5302.22850406202},{"time":"2014-12-12T12:00:00.000Z","val":5791.71318463935},{"time":"2014-12-12T13:00:00.000Z","val":882.1651671550981},{"time":"2014-12-12T14:00:00.000Z","val":3699.677808172464},{"time":"2014-12-12T15:00:00.000Z","val":32116.161536078933},{"time":"2014-12-12T16:00:00.000Z","val":62847.285933147454},{"time":"2014-12-12T17:00:00.000Z","val":4901.242787015161},{"time":"2014-12-12T18:00:00.000Z","val":13867.496990525811},{"time":"2014-12-12T19:00:00.000Z","val":1184.2030611800433},{"time":"2014-12-12T20:00:00.000Z","val":7.993302069034809},{"time":"2014-12-12T21:00:00.000Z","val":27.102835820945288},{"time":"2014-12-12T22:00:00.000Z","val":18.944882025745564},{"time":"2014-12-12T23:00:00.000Z","val":17.8082226839922},{"time":"2014-12-13T00:00:00.000Z","val":27936.178884238438},{"time":"2014-12-13T01:00:00.000Z","val":1849.7830336273057},{"time":"2014-12-13T02:00:00.000Z","val":11102.627461001588},{"time":"2014-12-13T03:00:00.000Z","val":52253.550212061855},{"time":"2014-12-13T04:00:00.000Z","val":35851.714691973575},{"time":"2014-12-13T05:00:00.000Z","val":26968.81585021578},{"time":"2014-12-13T06:00:00.000Z","val":100638.0602127363},{"time":"2014-12-13T07:00:00.000Z","val":1495.5426977031877},{"time":"2014-12-13T08:00:00.000Z","val":182.8388803921097},{"time":"2014-12-13T09:00:00.000Z","val":8340.221057764362},{"time":"2014-12-13T10:00:00.000Z","val":6492.924931697286},{"time":"2014-12-13T11:00:00.000Z","val":2508.1623683429902},{"time":"2014-12-13T12:00:00.000Z","val":1851.6299362827647},{"time":"2014-12-13T13:00:00.000Z","val":2494.0979313172775},{"time":"2014-12-13T14:00:00.000Z","val":3171.5021955836287},{"time":"2014-12-13T15:00:00.000Z","val":4678.999311991509},{"time":"2014-12-13T16:00:00.000Z","val":3442.6029412700045},{"time":"2014-12-13T17:00:00.000Z","val":9184.926778567273},{"time":"2014-12-13T18:00:00.000Z","val":1180.848767914864},{"time":"2014-12-13T19:00:00.000Z","val":234.1412606233689},{"time":"2014-12-13T20:00:00.000Z","val":213.0547392574774},{"time":"2014-12-13T21:00:00.000Z","val":210.47949944361866},{"time":"2014-12-13T22:00:00.000Z","val":224.71729151229997},{"time":"2014-12-13T23:00:00.000Z","val":230.40043256019445},{"time":"2014-12-14T00:00:00.000Z","val":281.923072696018},{"time":"2014-12-14T01:00:00.000Z","val":270.9334984164959},{"time":"2014-12-14T02:00:00.000Z","val":241.9803975497313},{"time":"2014-12-14T03:00:00.000Z","val":435.47007494113205},{"time":"2014-12-14T04:00:00.000Z","val":254.9370359599989},{"time":"2014-12-14T05:00:00.000Z","val":0.007440784690173205},{"time":"2014-12-14T06:00:00.000Z","val":0},{"time":"2014-12-14T07:00:00.000Z","val":0},{"time":"2014-12-14T08:00:00.000Z","val":0},{"time":"2014-12-14T09:00:00.000Z","val":0},{"time":"2014-12-14T10:00:00.000Z","val":0},{"time":"2014-12-14T11:00:00.000Z","val":0},{"time":"2014-12-14T12:00:00.000Z","val":0},{"time":"2014-12-14T13:00:00.000Z","val":0},{"time":"2014-12-14T14:00:00.000Z","val":0},{"time":"2014-12-14T15:00:00.000Z","val":0},{"time":"2014-12-14T16:00:00.000Z","val":0},{"time":"2014-12-14T17:00:00.000Z","val":0},{"time":"2014-12-14T18:00:00.000Z","val":0},{"time":"2014-12-14T19:00:00.000Z","val":0},{"time":"2014-12-14T20:00:00.000Z","val":0},{"time":"2014-12-14T21:00:00.000Z","val":0},{"time":"2014-12-14T22:00:00.000Z","val":0},{"time":"2014-12-14T23:00:00.000Z","val":0},{"time":"2014-12-15T00:00:00.000Z","val":0},{"time":"2014-12-15T01:00:00.000Z","val":0},{"time":"2014-12-15T02:00:00.000Z","val":0},{"time":"2014-12-15T03:00:00.000Z","val":0},{"time":"2014-12-15T04:00:00.000Z","val":0},{"time":"2014-12-15T05:00:00.000Z","val":0},{"time":"2014-12-15T06:00:00.000Z","val":0},{"time":"2014-12-15T07:00:00.000Z","val":0},{"time":"2014-12-15T08:00:00.000Z","val":0},{"time":"2014-12-15T09:00:00.000Z","val":0},{"time":"2014-12-15T10:00:00.000Z","val":0},{"time":"2014-12-15T11:00:00.000Z","val":0},{"time":"2014-12-15T12:00:00.000Z","val":0},{"time":"2014-12-15T13:00:00.000Z","val":0},{"time":"2014-12-15T14:00:00.000Z","val":0},{"time":"2014-12-15T15:00:00.000Z","val":0},{"time":"2014-12-15T16:00:00.000Z","val":0},{"time":"2014-12-15T17:00:00.000Z","val":0},{"time":"2014-12-15T18:00:00.000Z","val":0},{"time":"2014-12-15T19:00:00.000Z","val":0},{"time":"2014-12-15T20:00:00.000Z","val":0},{"time":"2014-12-15T21:00:00.000Z","val":0},{"time":"2014-12-15T22:00:00.000Z","val":0},{"time":"2014-12-15T23:00:00.000Z","val":0},{"time":"2014-12-16T00:00:00.000Z","val":0},{"time":"2014-12-16T01:00:00.000Z","val":0},{"time":"2014-12-16T02:00:00.000Z","val":0},{"time":"2014-12-16T03:00:00.000Z","val":0},{"time":"2014-12-16T04:00:00.000Z","val":0},{"time":"2014-12-16T05:00:00.000Z","val":0},{"time":"2014-12-16T06:00:00.000Z","val":0},{"time":"2014-12-16T08:00:00.000Z","val":0},{"time":"2014-12-16T09:00:00.000Z","val":0},{"time":"2014-12-16T10:00:00.000Z","val":0},{"time":"2014-12-16T11:00:00.000Z","val":0},{"time":"2014-12-16T12:00:00.000Z","val":0},{"time":"2014-12-16T13:00:00.000Z","val":0},{"time":"2014-12-16T14:00:00.000Z","val":0},{"time":"2014-12-16T15:00:00.000Z","val":0},{"time":"2014-12-16T16:00:00.000Z","val":0},{"time":"2014-12-16T17:00:00.000Z","val":0},{"time":"2014-12-16T18:00:00.000Z","val":0},{"time":"2014-12-16T19:00:00.000Z","val":0},{"time":"2014-12-16T20:00:00.000Z","val":0},{"time":"2014-12-16T21:00:00.000Z","val":0},{"time":"2014-12-16T22:00:00.000Z","val":0},{"time":"2014-12-16T23:00:00.000Z","val":0},{"time":"2014-12-17T00:00:00.000Z","val":0},{"time":"2014-12-17T01:00:00.000Z","val":0},{"time":"2014-12-17T02:00:00.000Z","val":0},{"time":"2014-12-17T03:00:00.000Z","val":0},{"time":"2014-12-17T04:00:00.000Z","val":0},{"time":"2014-12-17T05:00:00.000Z","val":0},{"time":"2014-12-17T06:00:00.000Z","val":0}];
D2=[{"time":"2014-12-10T07:00:00.000Z","val":-765.4088888888888},{"time":"2014-12-10T08:00:00.000Z","val":0},{"time":"2014-12-10T09:00:00.000Z","val":-222.17065872647035},{"time":"2014-12-10T10:00:00.000Z","val":-208.0425354813303},{"time":"2014-12-10T11:00:00.000Z","val":-406.05669847646504},{"time":"2014-12-10T12:00:00.000Z","val":-585.7281528797577},{"time":"2014-12-10T13:00:00.000Z","val":-597.3572997107827},{"time":"2014-12-10T14:00:00.000Z","val":-659.5046694723382},{"time":"2014-12-10T15:00:00.000Z","val":-381.50697871856613},{"time":"2014-12-10T16:00:00.000Z","val":-850.7945197424674},{"time":"2014-12-10T17:00:00.000Z","val":-451.15651259274654},{"time":"2014-12-10T18:00:00.000Z","val":-90.25730371832533},{"time":"2014-12-10T19:00:00.000Z","val":-1.8355038140839248},{"time":"2014-12-10T20:00:00.000Z","val":-1.2972222222222223},{"time":"2014-12-10T21:00:00.000Z","val":-82.06188968194188},{"time":"2014-12-10T22:00:00.000Z","val":-66.04894365139147},{"time":"2014-12-10T23:00:00.000Z","val":-1.7969444444444445},{"time":"2014-12-11T00:00:00.000Z","val":-210.3244502526369},{"time":"2014-12-11T01:00:00.000Z","val":-0.05610530291866093},{"time":"2014-12-11T02:00:00.000Z","val":0},{"time":"2014-12-11T03:00:00.000Z","val":0},{"time":"2014-12-11T04:00:00.000Z","val":-348.58872121458006},{"time":"2014-12-11T05:00:00.000Z","val":-59.36822322986439},{"time":"2014-12-11T06:00:00.000Z","val":0},{"time":"2014-12-11T07:00:00.000Z","val":0},{"time":"2014-12-11T08:00:00.000Z","val":0},{"time":"2014-12-11T09:00:00.000Z","val":0},{"time":"2014-12-11T10:00:00.000Z","val":0},{"time":"2014-12-11T11:00:00.000Z","val":0},{"time":"2014-12-11T12:00:00.000Z","val":0},{"time":"2014-12-11T13:00:00.000Z","val":0},{"time":"2014-12-11T14:00:00.000Z","val":0},{"time":"2014-12-11T15:00:00.000Z","val":0},{"time":"2014-12-11T16:00:00.000Z","val":0},{"time":"2014-12-11T17:00:00.000Z","val":0},{"time":"2014-12-11T18:00:00.000Z","val":0},{"time":"2014-12-11T19:00:00.000Z","val":0},{"time":"2014-12-11T20:00:00.000Z","val":0},{"time":"2014-12-11T21:00:00.000Z","val":0},{"time":"2014-12-11T22:00:00.000Z","val":0},{"time":"2014-12-11T23:00:00.000Z","val":0},{"time":"2014-12-12T00:00:00.000Z","val":0},{"time":"2014-12-12T01:00:00.000Z","val":0},{"time":"2014-12-12T02:00:00.000Z","val":0},{"time":"2014-12-12T03:00:00.000Z","val":0},{"time":"2014-12-12T04:00:00.000Z","val":-279.4957352586063},{"time":"2014-12-12T05:00:00.000Z","val":-495.57910279419576},{"time":"2014-12-12T06:00:00.000Z","val":-448.5471989382316},{"time":"2014-12-12T07:00:00.000Z","val":-1491.6168394754332},{"time":"2014-12-12T08:00:00.000Z","val":-1446.0726343442739},{"time":"2014-12-12T09:00:00.000Z","val":-1369.9179274982253},{"time":"2014-12-12T10:00:00.000Z","val":-371.48889326799105},{"time":"2014-12-12T11:00:00.000Z","val":-656.4629157132229},{"time":"2014-12-12T12:00:00.000Z","val":-575.624899758897},{"time":"2014-12-12T13:00:00.000Z","val":-290.94334906097464},{"time":"2014-12-12T14:00:00.000Z","val":-542.16935661932},{"time":"2014-12-12T15:00:00.000Z","val":-808.9619808250504},{"time":"2014-12-12T16:00:00.000Z","val":-1210.655030338982},{"time":"2014-12-12T17:00:00.000Z","val":-605.9696620199685},{"time":"2014-12-12T18:00:00.000Z","val":-781.9776377460353},{"time":"2014-12-12T19:00:00.000Z","val":-147.92150205575163},{"time":"2014-12-12T20:00:00.000Z","val":-4.801799470569971},{"time":"2014-12-12T21:00:00.000Z","val":-8.092423703159518},{"time":"2014-12-12T22:00:00.000Z","val":-12.232222222222225},{"time":"2014-12-12T23:00:00.000Z","val":-12.243890971590162},{"time":"2014-12-13T00:00:00.000Z","val":-953.9351830054302},{"time":"2014-12-13T01:00:00.000Z","val":-369.8269574823148},{"time":"2014-12-13T02:00:00.000Z","val":-904.9838921451956},{"time":"2014-12-13T03:00:00.000Z","val":-1535.1006994472143},{"time":"2014-12-13T04:00:00.000Z","val":-1273.0502458580486},{"time":"2014-12-13T05:00:00.000Z","val":-1212.510796339312},{"time":"2014-12-13T06:00:00.000Z","val":-1697.9476580813343},{"time":"2014-12-13T07:00:00.000Z","val":-66.65095080333181},{"time":"2014-12-13T08:00:00.000Z","val":-73.53337513253568},{"time":"2014-12-13T09:00:00.000Z","val":-360.10203674324777},{"time":"2014-12-13T10:00:00.000Z","val":-485.66423032747826},{"time":"2014-12-13T11:00:00.000Z","val":-508.71782184086595},{"time":"2014-12-13T12:00:00.000Z","val":-551.3621160532739},{"time":"2014-12-13T13:00:00.000Z","val":-479.02633530593516},{"time":"2014-12-13T14:00:00.000Z","val":-645.13150856},{"time":"2014-12-13T15:00:00.000Z","val":-689.2432554359881},{"time":"2014-12-13T16:00:00.000Z","val":-609.8006515256985},{"time":"2014-12-13T17:00:00.000Z","val":-864.5587396993609},{"time":"2014-12-13T18:00:00.000Z","val":-286.80442864127616},{"time":"2014-12-13T19:00:00.000Z","val":-161.46436270888174},{"time":"2014-12-13T20:00:00.000Z","val":-155.9742818745113},{"time":"2014-12-13T21:00:00.000Z","val":-159.76911512432315},{"time":"2014-12-13T22:00:00.000Z","val":-160.14632270423857},{"time":"2014-12-13T23:00:00.000Z","val":-167.1671557803252},{"time":"2014-12-14T00:00:00.000Z","val":-322.6142570773789},{"time":"2014-12-14T01:00:00.000Z","val":-190.04398369319912},{"time":"2014-12-14T02:00:00.000Z","val":-179.6429900618541},{"time":"2014-12-14T03:00:00.000Z","val":-198.158761270769},{"time":"2014-12-14T04:00:00.000Z","val":-167.1944645670425},{"time":"2014-12-14T05:00:00.000Z","val":-0.007309515822258135},{"time":"2014-12-14T06:00:00.000Z","val":0},{"time":"2014-12-14T07:00:00.000Z","val":0},{"time":"2014-12-14T08:00:00.000Z","val":0},{"time":"2014-12-14T09:00:00.000Z","val":0},{"time":"2014-12-14T10:00:00.000Z","val":0},{"time":"2014-12-14T11:00:00.000Z","val":0},{"time":"2014-12-14T12:00:00.000Z","val":0},{"time":"2014-12-14T13:00:00.000Z","val":0},{"time":"2014-12-14T14:00:00.000Z","val":0},{"time":"2014-12-14T15:00:00.000Z","val":0},{"time":"2014-12-14T16:00:00.000Z","val":0},{"time":"2014-12-14T17:00:00.000Z","val":0},{"time":"2014-12-14T18:00:00.000Z","val":0},{"time":"2014-12-14T19:00:00.000Z","val":0},{"time":"2014-12-14T20:00:00.000Z","val":0},{"time":"2014-12-14T21:00:00.000Z","val":0},{"time":"2014-12-14T22:00:00.000Z","val":0},{"time":"2014-12-14T23:00:00.000Z","val":0},{"time":"2014-12-15T00:00:00.000Z","val":0},{"time":"2014-12-15T01:00:00.000Z","val":0},{"time":"2014-12-15T02:00:00.000Z","val":0},{"time":"2014-12-15T03:00:00.000Z","val":0},{"time":"2014-12-15T04:00:00.000Z","val":0},{"time":"2014-12-15T05:00:00.000Z","val":0},{"time":"2014-12-15T06:00:00.000Z","val":0},{"time":"2014-12-15T07:00:00.000Z","val":0},{"time":"2014-12-15T08:00:00.000Z","val":0},{"time":"2014-12-15T09:00:00.000Z","val":0},{"time":"2014-12-15T10:00:00.000Z","val":0},{"time":"2014-12-15T11:00:00.000Z","val":0},{"time":"2014-12-15T12:00:00.000Z","val":0},{"time":"2014-12-15T13:00:00.000Z","val":0},{"time":"2014-12-15T14:00:00.000Z","val":0},{"time":"2014-12-15T15:00:00.000Z","val":0},{"time":"2014-12-15T16:00:00.000Z","val":0},{"time":"2014-12-15T17:00:00.000Z","val":0},{"time":"2014-12-15T18:00:00.000Z","val":0},{"time":"2014-12-15T19:00:00.000Z","val":0},{"time":"2014-12-15T20:00:00.000Z","val":0},{"time":"2014-12-15T21:00:00.000Z","val":0},{"time":"2014-12-15T22:00:00.000Z","val":0},{"time":"2014-12-15T23:00:00.000Z","val":0},{"time":"2014-12-16T00:00:00.000Z","val":0},{"time":"2014-12-16T01:00:00.000Z","val":0},{"time":"2014-12-16T02:00:00.000Z","val":0},{"time":"2014-12-16T03:00:00.000Z","val":0},{"time":"2014-12-16T04:00:00.000Z","val":0},{"time":"2014-12-16T05:00:00.000Z","val":0},{"time":"2014-12-16T06:00:00.000Z","val":0},{"time":"2014-12-16T08:00:00.000Z","val":0},{"time":"2014-12-16T09:00:00.000Z","val":0},{"time":"2014-12-16T10:00:00.000Z","val":0},{"time":"2014-12-16T11:00:00.000Z","val":0},{"time":"2014-12-16T12:00:00.000Z","val":0},{"time":"2014-12-16T13:00:00.000Z","val":0},{"time":"2014-12-16T14:00:00.000Z","val":0},{"time":"2014-12-16T15:00:00.000Z","val":0},{"time":"2014-12-16T16:00:00.000Z","val":0},{"time":"2014-12-16T17:00:00.000Z","val":0},{"time":"2014-12-16T18:00:00.000Z","val":0},{"time":"2014-12-16T19:00:00.000Z","val":0},{"time":"2014-12-16T20:00:00.000Z","val":0},{"time":"2014-12-16T21:00:00.000Z","val":0},{"time":"2014-12-16T22:00:00.000Z","val":0},{"time":"2014-12-16T23:00:00.000Z","val":0},{"time":"2014-12-17T00:00:00.000Z","val":0},{"time":"2014-12-17T01:00:00.000Z","val":0},{"time":"2014-12-17T02:00:00.000Z","val":0},{"time":"2014-12-17T03:00:00.000Z","val":0},{"time":"2014-12-17T04:00:00.000Z","val":0},{"time":"2014-12-17T05:00:00.000Z","val":0},{"time":"2014-12-17T06:00:00.000Z","val":0}];

convert_dates(D1, 'time', "%Y-%m-%dT%H:%M:%S.%LZ");
convert_dates(D2, 'time', "%Y-%m-%dT%H:%M:%S.%LZ");

data_graphic({
    title: "Network Traffic",
    description: "Incoming and outgoing network traffic for one user",
    data: [D1,D2],
    width: 400,
    height: 250,
    target: ".result",
    x_accessor: "time",
    y_accessor: "val",
    interpolate: "linear",
    show_rollover_text: false,
    area: true,
});