javascript - Highstock highcharts 不规则数据在 x 尺度上出错

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 天多。 (当然数据是一样的。)

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

Answer 1

您需要设置 xAxis.ordinal 属性设置为 false，默认情况下为 true。 True 值表示点应以固定间隔放置 w.r.t space (pixels)，False 更改点以固定间隔放置 w.r.t. 时间

xAxis: {       
    ordinal: false
}

Linear x-axis | Highstock @ jsFiddle