我如何手動餵養Highcharts的主細節圖的輸入？

我想使用Highcharts'主詳細圖表作爲可視化在這裏：http://www.highcharts.com/demo/dynamic-master-detail 我如何手動餵養Highcharts的主細節圖的輸入？

不過，我不希望使用的時間間隔，以使腳本來自動分配日期值數據的各點，因爲我的數據不一定是連續的。例如。我可能有一分鐘的數據，下一分鐘沒有數據。

理想情況下，我想在此圖表中顯示三天。每個點將是特定日期的特定分鐘的值。

任何建議我怎麼能做到這一點？如果有必要，我不介意使用其他庫。

如果我沒有說清楚自己或需要更多信息，請告訴我。

謝謝。

2012-08-14 Jamie Burstin

可以指定每個點爲一對（時間戳，值）。看到這個答案：http://stackoverflow.com/questions/9548326/what-format-does-the-highcharts-js-library-accept-for-dates-in-rails/9580111#9580111 – eolsson 2012-08-14 11:44:02

真的有幫助！非常感謝！ – 2012-08-14 12:15:48

該系列對象中的數據屬性可以是一個數組數組，但不包括數組值，在這種情況下，它將假定數據間隔相等。或者，您可以傳遞一個數組數組，其中外部數組的大小與點數相同，並且此數組中的每個元素都是另一個大小爲2的數組，第一個元素爲epochTime，第二個元素爲值。還有如下

文檔@http://www.highcharts.com/stock/ref/#series--data

摘錄的文檔

data : Array<Mixed>

爲一系列數據點的數組的說明第三種選擇。系列對象期望點數從低到高排序。這是爲了提高性能。雖然在許多情況下數據是從服務器獲取的，但在服務器上排序也更方便，從而節省客戶資源。點可以有三種方式給出：

數值列表。在這種情況下，數值將被解釋爲y值，並且將自動計算x值，或者從0開始並且遞增1，或者從plotOptions中給出的pointStart和pointInterval自動計算。示例：

data: [0, 5, 3, 5]

具有兩個值的數組列表。在這種情況下，第一個值是x值，第二個值是y值。如果第一個值是一個字符串，則將其作爲點的名稱應用，並且x值按照上述規則遞增。示例：

data: [[5, 2], [6, 3], [8, 2]]

具有命名值的對象的列表。在這種情況下，對象是在options.point下看到的點配置對象。例如：

data: [{ 
    name: 'Point 1', 
    color: '#00FF00', 
    y: 0 
}, { 
    name: 'Point 2', 
    color: '#FF00FF', 
    y: 5 
}]

View JSFiddle Example

來源

2012-08-14 11:57:38

非常感謝。我很欣賞JSFiddle的例子，它會節省我的大量時間。乾杯! – 2012-08-14 12:14:38

我如何手動餵養Highcharts的主細節圖的輸入？

回答

相關問題