Highstock highcharts不规则数据错误x-scale

Question

我有不规则的数据.使用highcharts时,图表绘制得很好:

$(function() {
  var chart = new Highcharts.Chart({
    chart: {
      renderTo: 'chart'
  },
  xAxis: {
    type: 'datetime'
  },
  series: [{
    name: 'Volume',
    data: chart_arr,
  }]
});
});

http://jsfiddle.net/KnTaw/9/

但我有很多数据,所以我需要放大日期并选择highstock.然后发生一件奇怪的事情:x轴变成非线性的.

$(function() {
  var chart2 = new Highcharts.StockChart({
    chart: {
      renderTo: 'chart2'
    },
    rangeSelector: {
      selected: 0
    },
    xAxis: {
      type: 'datetime'
    },
    series: [{
      name: 'val',
      data: chart_arr,
      type : 'area',
    }]
  });
});

http://jsfiddle.net/Mc3mW/1/

请注意,1月6日20:00-20:30半小时范围内的数据比1月11日至13日的2天分配的空间更多.(当然数据是一样的.)

如何强制高轴的x轴变为线性？或者如何为highcharts启用底部缩放工具？谢谢.

Answer 1

您需要将xAxis.ordinal属性设置false为true,默认情况下这是.True值表示的点应放置在固定的间隔WRT 空间(像素),以及False改变点被放置在固定的时间间隔WRT 时间

xAxis: {       
    ordinal: false
}

线性x轴| Highstock @ jsFiddle