javascript - highcharts: epoch time not properly connected to Xaxis -



javascript - highcharts: epoch time not properly connected to Xaxis -

when have inconsistent info coming in (when illustration server gathers info down) highcharts not plot x correctly. still plots there info on x while there not. should afcouse plot right hr when there data. here fiddle: http://jsfiddle.net/zvwfk/ info variable inconsistant!

can show me how can right error?

$(function () { var chart; $(document).ready(function() { chart = new highcharts.chart({ chart: { renderto: 'container', type: 'spline', margin: [50,130,90,100] }, title: { text: 'weather today' }, credits: { enabled: false }, subtitle: { text: 'test' }, xaxis: { type: 'datetime', datetimelabelformats: { day: '%h:%m' }, tickinterval: 3600 * 1000, labels: { rotation: -45, align: 'right', style: { fontsize: '10px', fontfamily: 'verdana, sans-serif' } } }, yaxis: [{ title: { text: 'temperature c' }, opposite: false, minorgridlinewidth: 0 }, { title: { text: 'humidity %' }, minorgridlinewidth: 0, opposite: true }, { opposite: true, title: { text: 'air pressure level hpa', minorgridlinewidth: 0, }, }], tooltip: { formatter: function() { if(this.series.name === 'temperature') { homecoming ''+ highcharts.dateformat('%h:%m',this.x) +': '+ this.y + ' c'; } if(this.series.name === 'humidity') { homecoming ''+ highcharts.dateformat('%h:%m',this.x) +': '+ this.y + ' %'; } if(this.series.name === 'air pressure') { homecoming ''+ highcharts.dateformat('%h:%m',this.x) +': '+ this.y + ' hpa'; } } }, plotoptions: { spline: { linewidth: 4, states: { hover: { linewidth: 3 } }, marker: { enabled: false, states: { hover: { enabled: true, symbol: 'circle', radius: 3, linewidth: 1 } } } } }, series: [{ name: 'temperature', data: temp, type: 'spline', /* yaxis: 0, */ shadow: true, showinlegend: true, pointinterval: 60 * 1000, /* pointstart: date.utc(2006, 0, 1),*/ dashstyle: 'solid', marker: { enabled: false } } , { name: 'humidity', data: hum, yaxis: 1, shadow: false, showinlegend: true, pointinterval: 60 * 1000, type: 'line', dashstyle: 'dot', marker: { enabled: false } }, { name: 'air pressure', data: bar, yaxis: 2, shadow: false, showinlegend: true, pointinterval: 60 * 1000, type: 'line', dashstyle: 'shortdot', marker: { enabled: false } }], navigation: { menuitemstyle: { fontsize: '6px' } } }); });

});

there 2 ways of specifying time info highcharts , think using wrong way problem. it's sec style should utilize when having gaps in data.

a compact array without gaps containing values each time-point

data: [2, 5, 3, 6, 1]

then specify time-point first measure interval. eg:

pointstart: date.utc(2013,1,12), // start point in milliseconds pointinterval: 3600 // interval in milliseconds

you cannot have different length between time-points way.

a 2 dimensional array both time-points , measure

data: [[date.utc(2013,1,12), 2], [date.utc(2013,1,12), 5], [date.utc(2013,1,12), 3], ...]

this way of specifying array can have gaps there's no data.

see reference here , illustration here.

javascript highcharts

Comments

Post a Comment

Popular posts from this blog

javascript - mongodb won't find my schema method in nested container -

javascript - mongodb won't find my schema method in nested container - i trying access method of schema stored within mixed container. here situation : have cases model can many different things, have schema each of these things stored in "casecontent" mixed property. var caseschema = mongoose.schema({ casecontent : {}, object : {type:string, default : "null"}, collision : {type : boolean, default : false} }); the casecontent property filled model of 1 of schemas, 1 exemple : var treeschema = new mongoose.schema({ applecount : {type : number, default : 3} }); treeschema.methods.dostuff = function (data) { console.log('hey, listen'); homecoming true; }; then, want utilize method of schema original container : caseschema.methods.dostuff = function (data) { if (this.casecontent.dostuff !== undefined) { this.casecontent.dostuff(); console.log('it worked'); } else { ...
Read more

How do you set up a perforce server to work over the internet? -

How do you set up a perforce server to work over the internet? - i setting perforce server , noticed options localhosts , such. i'm trying setup server on desktop machine @ 1 household, , able connect using p4v client access files on net form household. no i'll have forwards ports , stuff set files need this? can find info servers beingness run on same network @ business or nil on internet. i've set team speak server go connect , type in ip address , port , connect server dosn't have options that, i've seen anyway. done on windows 7 64 bit machines. server on desktop , clients on desktops , laptops. help appreciated , i'll posting updates on i'm doing others can follow if needed. the server accepts tcp/ip connections, can client machine has tcp/ip connectivity. perforce server configuration telling ip address , port number hear @ p4port setting: http://www.perforce.com/perforce/r12.2/manuals/cmdref/env.p4port.html since you're on windo...
Read more

ios - Lagging ScrollView with UIWebview inside -

ios - Lagging ScrollView with UIWebview inside - i have uiwebview within uiscrollview lot of content. when content loaded uiwebview big, starts lag. does know how solve issue? maintain in mind lags when uiwebview's height becomes considerably big. thank in advance! if read documentation on uiwebview , states not embed uiwebview uitableview or uiscrollview . doing leads unexpected behaviour, , think experiencing first hand. sorry bearer of bad news. update - specific warning apple docs: the documentation addresses issue specifically. important: should not embed uiwebview or uitableview objects in uiscrollview objects. if so, unexpected behavior can result because touch events 2 objects can mixed , wrongly handled. apple reference on uiwebview . update 2: after doing few searches (search link, same posted in comments), came across this answer, may provide insight. monitors content offset in both uiscrollview , uiwebview via delegates, , cle...
Read more