2013-01-22 50 views
0

這是一張有我的問題的圖片。繪製圖表之後,xAxxis正好是1到1(如果是12:20 - >圖表中它是11:20)...但是當我放大圖表並且重置縮放後,這是正常的!Highchart xAxis - 縮放是虛假的

可能是什麼問題?

這裏是問題

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, '.', ','); 
}); 
}); 
+0

你能創造的jsfiddle?你將需要包含測試數據 –

回答

1

我也有類似的問題,HighCharts圖片。

Axis Extremes在第一次加載時被猜出,所以您將不得不設置Chart的極值並重繪。

這應該工作:

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

你也應該創建圖表前setOptions

編輯:現在,我想它可能是真正的問題所在:

圖表是使用useUTC = true創建的,因此Dateformatting關閉了一個小時。在縮放圖表時重新繪製並獲取更新的設置。 所以一定將您的全局設置頂端:)

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

+0

你是一個天才! – Susanne92

+0

是的,我不得不將全局設置移動到頂端:') – Susanne92

+0

很高興我能幫上忙 - 我有類似的錯誤日期問題(關閉一個小時 - 因此昨天23:00而不是今天0:00),因爲useUTC :) – david