javascript - HighChart isn't plotting data correctly -

-

hi i'm using high chart , data coming through okay date not coming through on x axis, have parameter in data correctly formatted date , i'd use on x axis , popup, understand need use utc datetime order properly

https://imgur.com/32tyzvh

function buildandupdatetempchart() {   $.getjson('server/getreadings.php', function (data) {     $('#chartcontainer').highcharts('stockchart', {       chart:{         events: {           load: function(){                       // set updating of chart each second                       //debugger;                       // var series = this.series[0];                       // //console.log('data is: ' + data);                       // for(var = 0; < data.length - 1; i++){                       //     this.series[0].addpoint(data[i].temp, data[i].timestamp, true, true);                       //     this.series[1].addpoint(data[i].atemp, data[i].timestamp, true, true);                       // }                         // setinterval(function () {                       //   //get tick                       //     var x = (new date()).gettime(), // current time                       //     y = math.round(math.random() * 100);                       //     series.addpoint([x, y], true, true);                        //   }, 1000);                     }                   }                 },                  title: {                   text: 'temperature sensor readings'                 },                 yaxis: {                   title: {                     text: 'degrees celcius'                   },                   plotlines: [{                     value: -10,                     color: 'green',                     dashstyle: 'shortdash',                     width: 2,                     label: {                       text: 'minimum tolerated.'                     }                   }, {                     value: 20,                     color: 'red',                     dashstyle: 'shortdash',                     width: 2,                     label: {                       text: 'maximum tolerated.'                     }                   }]},                   plotoptions: {                     series: {                       compare: 'percent'                     }                   },                    series: [{                     name: 'temp',                     data: (function () {                       var temp = [];                       (var = 0; < data.length; i++) {                         temp.push([                           data[i].timestamp,                           parsefloat(data[i].temp)                           ]);                       }                       return temp;                     }()),                     tooltip: {                       valuedecimals: 2                     }},                     {                       name: 'ambient temp',                       data: (function () {                         var atemp = [];                         (var = 0; < data.length; i++) {                           atemp.push([                             data[i].timestamp,                             parsefloat(data[i].atemp)                             ]);                         }                         return atemp;                       }()),                       tooltip: {                         valuedecimals: 2                       },                     }]                   });   }) } $(document).ready(function(){     buildandupdatetempchart(); //this async there rest of app can continue work   });

my guess need

 xaxis: {             type: 'datetime'         },

in code. hope helps.


Comments

Post a Comment

Popular posts from this blog

html - Styling progress bar with inline style -

-
i trying set progress bar color red using inline style. need in way because have access <body> part of document. style need apply: progress { color: red } progress::-moz-progress-bar { background: red;} progress::-webkit-progress-value { background: red; } progress[aria-valuenow]:before { background: red; } i tried <progress style="background: red;"> incorrect effect, progress bar color turns blue red background. guide right direction desired style? thank in advance. here live example: https://jsfiddle.net/z36d3f6l/
Read more

java - Oracle Sql developer error: could not install some modules -

-
i have downloaded fresh copy of sqldeveloper ( sqldeveloper-4.1.3.20.78-no-jre ) oracle website. when unzip , lauch gui, keep getting following error message: warning - not install modules: dynamic module config - no module providing capability org.netbeans.netbinox found. my system: windows 7 32 bit hp probook. jdk 1.6 , 1.7, 1.8 available in java/jdk subdirectory. netbeans 8.0.2 installed finally got way out after dirty hours. extracted sqldeveloper zip in nested directory. i.e: e://a/b/c/sqldeveloper. starting sqldeveloper gui above directory threw erros. solution: go in c:\users**username**\appdata\roaming : delete sql developer , sqldeveloper folders extract sql developer zip in new non nested directory. i.e: e:// start , should work now reference: https://community.oracle.com/thread/3870680?start=0&tstart=0
Read more

How to use autoclose brackets in Jupyter notebook? -

-
this may sound silly question, how make use of autoclose brackets in jupyter notebook? example, when type print( jupyter notebook auto-closes brakets print() and places cursor inside. type argument, say print(1 + 1) now cursor between second 1 , right bracket ) . key navigate right of ) ? of course can press end or → or ) achieve this, not seem save time, purpose of brackets autoclose suppose? thanks in advance.
Read more