Highchart xAxis - 缩放是错误的

时间:2013-01-22 16:35:38

标签: php javascript jquery

这是我的问题的图片。在绘制图表之后,xAxxis恰好是1到1晚(如果它是12:20 - >在图表中它是11:20)...但是当我放大图表并在重置缩放后这是正常的!

可能是什么问题?

这是一张有问题的图片

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

1 个答案:

答案 0 :(得分:1)

我遇到类似HighCharts的问题。

在第一次加载时会猜到Axis Extremes,因此您必须设置图表的极值并重绘。

这应该有效:

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

此外,您应该在创建图表之前设置选项

编辑:现在我认为这可能是真正的问题:

使用useUTC = true创建图表,因此Dateformatting关闭一小时。在缩放图表被重绘并获取更新的设置。 因此,请务必将全局设置移至顶部:)

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