javascript - flot why the line goes back to the top left? -


this code:

var holder = $('#line-chart');             if (holder.length) {                $.plot(holder, [                     { data: data[0].data, lines: { show: true }, label:"service level" },                     { data: data[1].data, bars: { show: true }, yaxis: 2, label:"# of calls" } // set second series use second axis                ], {                    yaxes: [{                        min: 0, // options first axis                        tickformatter: function (val, axis) {                            return val + '%';                        }                    }, {                        aligntickswithaxis: 1, // options second axis, put on right                        position: "right"                    }],                    xaxis: {                        min: minval.gettime(),                        max: maxval.gettime(),                        mode: "time",                        timeformat: timeformat,                        //twelvehourclock: true,                        ticksize: [tickval, modechart],                        //monthnames: ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct", "nov", "dec"],                        ticklength: 0                    },                    grid: {                        hoverable: true,                        clickable: false,                        borderwidth: 0                    },                });            } 

this result:

enter image description here

please notice service level line (the orange one) goes aug top left. me here please?

i got data operation

 var data = $.map(result, function (arr, key) {                return { label: key, data: arr };            }); 

where results comes json request, , print result did this

var s = json.stringify(result);            console.log(s) 

and console shows

{"servicelevel":[[1390608000000,50],[1392595200000,0],[1393286400000,66.66666666666667],[1393891200000,50],[1394064000000,0],[1394236800000,50],[1394323200000,0],[1394841600000,50],[1394928000000,33.333333],[1395014400000,0],[1395100800000,50],[1395273600000,0],[1395446400000,0],[1395619200000,0],[1395705600000,0],[1395878400000,50],[1396310400000,50],[1396483200000,0],[1396656000000,0],[1396828800000,50],[1396915200000,50],[1397001600000,50],[1397347200000,33.333333],[1397433600000,50],[1397952000000,0],[1398124800000,50],[1398556800000,0],[1398902400000,45],[1399075200000,0],[1399161600000,0],[1399334400000,0],[1399420800000,50],[1399680000000,0],[1399852800000,50],[1399939200000,0],[1400025600000,0],[1400112000000,33.333333],[1400284800000,40],[1400371200000,0],[1400457600000,50],[1400716800000,40],[1402185600000,50],[1402358400000,50],[1402531200000,0],[1402704000000,44.117647],[1402876800000,50],[1403308800000,50],[1403481600000,50],[1403913600000,0],[1407283200000,0],[1390780800000,100],[1391040000000,100],[1391558400000,100],[1392249600000,100],[1392681600000,75],[1392854400000,100],[1396137600000,100],[1397260800000,100],[1399507200000,100],[1400889600000,88.888888],[1401840000000,100],[1403654400000,100],[1407369600000,70.83333300000001],[1407628800000,100]],"numberofcalls":[[1390608000000,50],[1392595200000,2],[1393286400000,14],[1393891200000,7],[1394064000000,1],[1394236800000,36],[1394323200000,3],[1394841600000,10],[1394928000000,11],[1395014400000,2],[1395100800000,45],[1395273600000,24],[1395446400000,13],[1395619200000,11],[1395705600000,11],[1395878400000,3],[1396310400000,18],[1396483200000,44],[1396656000000,2],[1396828800000,4],[1396915200000,25],[1397001600000,3],[1397347200000,11],[1397433600000,10],[1397952000000,15],[1398124800000,18],[1398556800000,1],[1398902400000,13],[1399075200000,2],[1399161600000,2],[1399334400000,1],[1399420800000,16],[1399680000000,3],[1399852800000,19],[1399939200000,32],[1400025600000,1],[1400112000000,20],[1400284800000,6],[1400371200000,3],[1400457600000,9],[1400716800000,12],[1402185600000,21],[1402358400000,14],[1402531200000,4],[1402704000000,37],[1402876800000,13],[1403308800000,18],[1403481600000,2],[1403913600000,1],[1407283200000,2],[1390780800000,2],[1391040000000,6],[1391558400000,6],[1392249600000,5],[1392681600000,6],[1392854400000,1],[1396137600000,2],[1397260800000,2],[1399507200000,1],[1400889600000,18],[1401840000000,6],[1403654400000,3],[1407369600000,16],[1407628800000,1]]}

the line goes top-left because data does.

your first service level [1390608000000,50]. subsequent service levels have first number (the x coordinate) increasing .... until comes :

[1407283200000,0],[1390780800000,100],[1391040000000,100], .... 

see - x coordinate has switched (pretty much) same start, y coordinate 100%.

so no problem code - it's data.


Comments

Popular posts from this blog

javascript - Jquery show_hide, what to add in order to make the page scroll to the bottom of the hidden field once button is clicked -

javascript - Highcharts multi-color line -

javascript - Enter key does not work in search box -