用於創建（堆疊）線圖的簡單的開源javascript庫？

Question

我需要一個輕量級的JavaScript庫來創建堆積線圖（有點像金融圖中使用的）。 X軸爲日期，Y軸爲普通浮點值。

將有圖形的兩個部分：

1. 頂部圖形是一個線圖。我希望能夠以指定的線段（即連接兩個日期的點）

2. 底部部分僅僅是一個矩形/酒吧其代表值的顏色。再一次，我希望能夠指定特定日期的欄的顏色。但即使是普通的舊JS代碼庫將是同樣有用 -

如果庫使用JQuery的（因爲我已經在過去使用jQuery的），這將是冷靜。

Answer 1

我推薦Google Chart API/Chart Tools（examples）和Google Visualization API（examples）。

前者比後者那麼強大，也更科技含量低，所以可能更容易使用（和更多的跨平臺移植，基本的圖表API爲您生成靜態圖像）。

但你也可以使用：

• gRaphael
• Bluff
• PlotKit
• CanvasGraphJS
• Grafico
• RGraph
• Plotr

甚至使用了更高層的庫樣ExtJS（examples）。

Answer 2

使用raphaeljs和免費charting library。圖表庫鏈接有幾個例子，可以告訴你你可以做什麼 - 只要查看它們的來源，看看它是多麼容易。

Answer 3

看看JQPlothttp://www.jqplot.com/

Answer 4

UPDATE：下面是百度人建立了一個最近的和令人印象深刻的圖表庫：
http://ecomfe.github.io/echarts/index-en.html
而這一個是開源的。

---

另一個免費選項是Google visualisations。

他們可能是一個矯枉過正的需求。但是您可以爲用戶提供不同種類的圖形，因爲它們都共享相同的數據集結構。

好，你不收留他們，他們是在谷歌的基礎設施，爲您節省了帶寬。糟糕的是，你沒有託管他們......這不是開源的，如果你願意，你不能破解它們。

我們在我們的網絡應用程序中使用它們，並且非常高興。
除了它們不適用於Android，許多SVG/VML現在默認爲關閉。