動態條形圖使用javascript時間滾動

Question

我對JavaScript非常陌生，更不用說繪製圖表了。我會很感激在完成以下任何幫助。我瀏覽了很多JavaScript圖表庫和示例，但沒有看到任何解決我的問題：

我需要創建動態堆疊條形圖，如附圖所示。水平軸是時間軸。圖表應隨時間一起向左滾動，同時在x軸上顯示時間標記。每個水平堆疊條都用於Y軸上的不同項目。 y軸上會有很多項目。如圖所示，每個欄的部分都有文本。有關每個部分及其文本的信息都是動態接收的。

謝謝！

See the desired end result in this image

Answer 1

我發現谷歌圖表是非常，非常容易使用（https://developers.google.com/chart/?hl=en）

然而，爲了有動態內容，你需要有一些數據源讀取從這樣你就可以使用像ajax這樣的東西不斷地ping它更新的數據。谷歌圖表庫將給你一個很好的起點，但它不會是動態的。您必須對該部分進行編程，但Google Charts非常適合爲您提供基本的餅圖，圖表，欄等等。「圖表模板」在條形圖和餅圖之間進行切換非常簡單。