JavaScript Charts API：繪制jQuery插件或谷歌可視化？

Question

我正在尋找一個在網站上顯示的圖表庫。 我將密集使用這個庫（主要用於區域，線條和條形圖），所以我更願意在開始實施之前確保我的選擇。

我最初考慮的網站圖表庫列表如下：

• Plotkit
• Emprise JS Charts
• 迷你圖
• Protochart
• gRaphael
• 虛張聲勢
• YUI圖表 ：

然而，經過對該論壇的一些研究和對網絡的調查，我將我的候選人名單縮減為這兩個圖書館：

1. Flot jQuery插件
2. 谷歌可視化

您建議我使用哪一個以及為什么（如果您使用了其中一個或兩個，請告訴我您的反饋）？

他們如何在易用性，性能和功能方面相互比較？

謝謝

編輯：基於Flash圖表庫不符合我的約束條件

Answer 1

在經過幾次嘗試和研究這兩個可視化庫之后，我將嘗試回答我自己的問題，這里是我自己的每個解決方案的專業人員列表：

Flot Pros

---

2. jQuery插件 ：如果您熟悉jQuery（或者如果您的應用程序與jQuery集成），使用Flot似乎很自然
3. 離線可視化 ：您可以測試或將其安裝到內部網站中。 Google Visu只有在您訪問Google網站時才能使用！
4. 自定義 ：這基本上是一個JavaScript文件，所以如果你擅長JS編碼，你可以自定義你的圖表。 此外，Flot插件系統允許您更好的模塊化

Google Visualization專業人士

---

1. 文檔 ：太棒了！ Google網站上提供了每種圖表的示例
2. 易於使用 ：真的。 比Flot更容易（這需要以某種方式自定義div容器）
3. 功能強大 ：你有很多種圖形和功能（縮放，交互性......）
4. Java和Python API ：它可以為構建數據表提供很多幫助（至少對我來說，我可以使用Java API）

底線

---

如果您熟悉jQuery，請使用Flot。 如果由於某些原因需要離線查看圖表，請使用Flot。 如果您想要完全控制，請使用Flot。

如果您不認識自己，請使用Google Visu。 它易於學習和實施，記錄良好且功能強大。

Answer 2

不在您的列表中，但我建議您查看Highcharts http://www.highcharts.com/ Highcharts是SVG，因此，它比Flot更具動態性，您可以使用CSS重新設置圖形，附加事件，執行動畫等...它也兼容IE6，它在服務器端工作（thx到Batik）我目前正在構建圖形密集型應用程序，並在經過大量基准測試后選擇了Highcharts。 我不后悔自己的選擇。

Answer 3

有jqPlot（http://www.jqplot.com/），一個看起來不錯的開源項目。 基於jQuery也是如此。 我會試試jqPlot，jQuery flot似乎是不活躍的。

Answer 4

piwik項目使用Open Flash Chart （不在您的列表中）。

它易於使用，有大量工作示例非常用戶友好。

Answer 5

我是Flot的用戶，也是一個忠實粉絲。 我在Grails應用程序中使用它，並使用堆積條形圖，折線圖和餅圖，包括時間序列和一系列交互功能（即關閉/打開帶復選框的系列等）。

我發現整體工作很愉快，覺得API很發達（我看到其他一些JS圖表庫采用了API，所以你甚至可以靈活地轉移到另一個套件中未來）。 從現在看谷歌API一分鍾，我想我喜歡flot更好（雖然谷歌也有能力傳遞一系列，沒有從樣本中看到它）。

他們剛剛在幾周前發布了一個新版本（0.6），它支持插件，我希望這會刺激更多的創新。

所以我認為這部分取決於您計划使用的其他技術。 似乎Visualization與GWT集成在一起，因此如果您正在考慮使用它，可視化就是可行的方法。 另一方面，如果您正在考慮將JQuery用於AJAX，那么Flot可能更適合。

當我決定使用它時，似乎谷歌沒有交互式可視化，只有谷歌圖表（圖像），這是我使用Flot的原因之一。

Answer 6

不在您的列表中，但令人印象深刻： ExtJS 4.0圖表