頻譜時間序列圖

Range bar graph with timeseries data 頻譜時間序列圖

我無法找到類似於上圖所示的圖表類型。它類似於染色體，光譜或條形碼。它有一列（淺藍色），表示數據集中與閾值相關的值的範圍。我希望用戶能夠指出時間範圍，並查看在該時間範圍內觀察到哪些值（深藍色）。

最終，我想顯示多個這樣的數據集，彼此相鄰，共享一個標準化的閾值。通過這種方式，我可以快速查看與相同時間範圍內各個閾值相關的所有數據集。

multiple datasets on normalized threshold

甲堆積條形圖顯示接近的視覺，但它並不意味着對時間序列數據，並且其也並不意味着對二進制組（在範圍之內，而不是在範圍內）。

我需要爲網絡創建此。我在項目中爲其他圖表使用了amcharts，所以我想盡可能使用它，但是我可以向其他圖書館開放。對於類似的圖表類型，圖表庫或者amcharts變通方法的建議將非常感激。

來源

2015-01-14 tschie

我可以推薦嘗試旋轉（chart.rotate = true）amCharts連續圖表，這將允許在垂直軸上具有日期時間數據。我將使用指南（而不是堆積柱形圖）（您可以爲指南設置日期和toDate，並指定填充顏色/不透明度）。

我看到的唯一問題是指南跨越圖表的整個寬度。爲了解決這個問題，我會把兩個（或者你需要的任何數字）圖表放在一起。

來源

2015-01-15 07:05:54 zeroin

經過相當多的搜索後，我發現使用Highchart的「列範圍」圖表可以得到非常接近的結果。我仍然需要手動循環訪問時間序列數據或重新獲取每個查詢的值，但這並不是什麼大不了的事情。

我使用數據源的類別和範圍和觀測頻段的序列。與查詢相匹配的值進入具有適當類別索引的觀察系列。

series: [{ 
     name: 'range', 
     stack: 0, 
     data: [{ 
      x: 0, 
      color: 'blue', 
      low: -9, 
      high: 3 
     }, { 
      x: 1, 
      color: 'green', 
      low: -2, 
      high: 2 
     }] 
    },{ 
     name: 'observed', 
     stack: 0, 
     data: [{ 
      x: 0, 
      low: 1, 
      high: 1.1 
     }, { 
      x: 0, 
      low: -5, 
      high: -4.5 
     }, { 
      x: 0, 
      low: -4, 
      high: -2 
     }, { 
      x: 1, 
      low: -1, 
      high: 0 
     }] 
    }]

下面是完整的jsfiddle鏈接：http://jsfiddle.net/tschie/6wfkpkt9/4/

來源

2015-01-15 20:55:33 tschie

頻譜時間序列圖

回答

相關問題