2012-06-27 83 views
6

我使用Highcharts/Highstock繪製相當大量的數據(〜10,000點)。數據由X軸上的Date對象組成,並在Y上浮動,格式如下:[[(date), 1.728], [(date), 0.346], ...]。日期總是相隔1小時,數據中沒有空白。Highcharts在某些縮放級別不顯示數據

當圖表的範圍大於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" 
    } 
    }], 
}); 
+1

我有一個非常類似的錯誤(> = 1.2年,我的數據出現),我在Highcharts論壇發佈了一個線程。請參閱http://highslide.com/forum/viewtopic.php?f=12&t=18665&p=75686#p75686。 – FloppyDisk

回答

2

事實證明,你不能在你的數據的X軸上使用日期。相反,請使用日期的Unix時間戳:Date.getTime()。 FloppyDisk的主要道具爲我指出了正確的方向。

+1

您可以接受您的答案並將其標記爲已解決 –

3

我有同樣的問題,但它是一切正常與X軸上的時間戳。

通過按升序對數據進行排序來解決它(首先以相反順序提供)。

+1

在放大> 300分的情節時,我遇到了類似的問題。通過按照您的建議將排序順序從降序改爲升序,現在我可以縮放更大的數據集。謝謝! 雖然我不確定300的重要性,但爲什麼<= 300無論順序如何都能正常工作。 –

相關問題