構造体データハイチャートの時間間隔

Question

1日に要したステップ量を視覚化したいと思います。各データポイントは、次のように簡略化になります。

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

私は一日の上にプロットし、期間も段階的増加のが成長を説明したいと思います。私はお互いにポイントを接続したくないので、各データポイントは別のシリーズです。

結果は、私が変更したスタイリング以外は欲しいもののように見えます。しかし、パフォーマンスとグラフのズームは非常に遅いです。それを使用するより良い方法があるかもしれませんか？

Answer 1

Highcharts多くのシリーズ（仕事はしかし、シリーズの最適化に開始されている - 私の知る限りでは）、多くのポイントを管理するために最適化されていません。

セパレータとしてヌルポイントを持つ1つのシリーズを使用できます。デフォルトでは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/