javascript - Highcharts 在某些缩放级别不显示数据

Question

我正在使用 Highcharts/Highstock 绘制大量数据(约 10,000 个点)。数据由 X 轴上的 Date 对象和 Y 轴上的 float 对象组成，格式如下:[[(date), 1.728], [(date), 0.346], ...]。日期始终相隔 1 小时，并且数据中没有间隙。

当图表的范围 >= 21 天(这样至少绘制了 21 天的数据)时，图表会正确显示。但是，只要范围小于该范围，图表就会变为空白并且工具提示将每个点显示为具有 0.0 的 Y 值。这些点的 Y 值确实存在于数组中(我可以在 Firebug 中看到它们)，但它们没有显示在图表上。这是我初始化它的方式:

mainChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'linegraph'
  },

  rangeSelector: {
    buttons: [{
      type: 'day',
      count: 1,
      text: '1 d'
    }, {
      type: 'week',
      count: 1,
      text: '1 wk'
    }, {
      type: 'month',
      count: 1,
      text: '1 mo'
    }, {
      type: 'year',
      count: 1,
      text: '1 yr'
    }, {
      type: 'all',
      text: 'All'
    }],
    selected: 2
  },

  series: [{
    name: 'Electricity usage (kWh)',
    data: graphData,
    tooltip: {
      valueDecimals: 2,
      valueSuffix: "kWh"
    }
  }],
});

Answer 1

我有同样的问题，但是 X 轴上有时间戳一切正常。

通过按升序对数据进行排序解决了它(首先以相反的顺序提供)。