2012-06-27 14 views
6

私はHighcharts/Highstockを使用してかなり大量のデータ(〜10,000ポイント)をプロットしています。データは、X軸上のDateオブジェクトとY上の浮動小数点で構成され、その形式は[[(date), 1.728], [(date), 0.346], ...]です。日付は常に1時間離れており、データには隙間がありません。ハイチャートは一部のズームレベルでデータを表示しません

グラフの範囲が21日を超える場合(少なくとも21日分のデータがグラフ化されるなど)、グラフが正しく表示されます。ただし、範囲がそれより小さい場合は、グラフは空白になり、ツールチップは各点をY値が0.0と表示します。これらの点の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" 
    } 
    }], 
}); 
+1

私は非常によく似たバグ(データが表示されるのに> = 1.2年)を持っています。ハイチャートフォーラムにスレッドを投稿しました。 http://highslide.com/forum/viewtopic.php?f=12&t=18665&p=75686#p75686を参照してください。 – FloppyDisk

答えて

2

データのX軸にDateを使用することはできません。代わりに、日付のUnixタイムスタンプ:Date.getTime()を使用してください。私を正しい方向に向けるためのFloppyDiskへの主要な小道具。

+1

あなたは答えを受け入れ、それを解決してマークすることができます –

3

私は同じ問題がありましたが、X軸のタイムスタンプではすべて正常でした。

データを昇順でソートすることで解決しました(最初は逆順で提供されます)。

+1

> 300点以上のプロットをズームすると同様の問題が発生しました。提案したソート順を降順から昇順に変更することで、今すぐもっと大きなデータセットをズームすることができます。ありがとう! 私は300の意義が分かりませんし、注文が何であっても<= 300はうまくいきません。 –

関連する問題