Highchart xAxis - Zoom est faux

Question

Voici une photo avec mon problème. Après que le graphique est dessiné, le xAxxis est exactement 1 à la fin (s'il est 12h20 -> dans le graphique il est 11h20) ... mais quand je zoome sur le graphique et après le zoom de réinitialisation, c'est normal!

Quel pourrait être le problème?

Voici une photo avec le problème

var chart; 
// draw chart 
$(function(){ 
    $.getJSON('data.php?name=<?php echo $name; ?>&mysqltablename=<?php echo  $mysqltablename; ?>&datatabletyp=<?php echo $datatabletyp ?>', 
    function(data) { 
    chart = new Highcharts.Chart 
    ({ 
    chart: { renderTo: '<?php echo $tabname; ?>', zoomType: 'x', type: 'line', width:800 }, 
    credits: { enabled: false }, 
    plotOptions: { series: { marker : { enabled: false, states: { hover: { enabled: true } } } } }, 
    xAxis: { type: 'datetime' },        
    title: { text:' '  }, 
    yAxis: { title: { text: '' } }, 
    legend: { enabled: false }, 
    series: [{ name: '<?php echo $tabname; ?>', data: data }], 
    tooltip: { valueDecimals: 2 } , 
    }); 
    Highcharts.setOptions({ global: { useUTC: false } }); 
    Highcharts.numberFormat(this.y, 2, '.', ','); 
}); 
}); 

Answer 1

J'ai eu un problème similaire avec Highcharts. Les extrémités de l'axe sont devinées sur le premier chargement, vous devrez donc définir les extrémités du graphique et redessiner.

Cela devrait fonctionner:

var chart = new Highcharts.Chart(opts, function(chart) { 
    if (min && max) { 
     chart.xAxis[0].setExtremes(min, max, true, true); 
    } 
}); 

http://api.highcharts.com/highcharts#Axis.setExtremes%28%29

Aussi, vous devriez setOptions avant de créer le tableau

Edit: Maintenant que je pense à ce sujet qui pourrait être le vrai problème:

Le graphique est créé avec useUTC = true et, à cause de cela, le format de date est désactivé une heure. Sur le Zoom le graphique est redessiné et obtient les paramètres mis à jour. Assurez-vous donc de déplacer vos paramètres globaux vers le haut :)

http://api.highcharts.com/highcharts#Highcharts.setOptions%28%29