Highcharts中的结构数据时间间隔

Question

我想想象一天所采取的步骤数量。每个数据点看起来都像这样简化：

{
  startDate: 1481029440000,
  endDate: 1481029920000,
  steps: 31
}

我想在一整天内绘制它，并说明持续时间以及步长增加的增长。每个数据点都是一个单独的系列，因为我不想让点相互连接。

结果看起来像我想要的，除了我改变的样式。然而，性能和放大图表的速度非常慢。有没有更好的方法来使用它？

Answer 1

Highcharts针对管理多个点而进行了优化，而不是很多系列（尽管如此，这项工作已经从优化系列开始 - 据我所知）。

您可以使用一个带有零点的系列作为分隔符。默认情况下，connecting nulls已被禁用。

data: (function (data) {
      var d = [], i = 0, len = data.length, point;

      for (; i < len; i++) {
        point = data[i];
        d.push([point.startDate, point.steps], [point.endDate, point.steps]);

        if (i < len - 1) {d.push([point.endDate, null]);}
      }

      return d;
    })(data)

示例：http://jsfiddle.net/7vtd4fzm/