使用JavaScript的餅圖

Question

我想要一個JavaScript餅圖，我已經有一個使用PlotKit的圖表，但這是一個太大的庫，而且我的帶寬很低。我想要一個好的和低權重的JavaScript（或更好的，在jQuery中）。

Answer 1

這裏有一些鏈接，與jQuery圖表插件網站：

http://www.jscharts.com/

http://www.reynoldsftw.com/2009/02/6-jquery-chart-plugins-reviewed/

http://www.1stwebdesigner.com/resources/top-jquery-chart-libraries-interactive-charts/

和這個所謂線程，基本上是問同樣的問題：

Pie chart with jQuery

編輯：添加一些其他的選擇

我最近使用海軍報做一些條形圖 http://people.iola.dk/olau/flot/examples/

，我們使用的是拉斐爾一些餅圖和其他的東西 http://raphaeljs.com/

Answer 2

谷歌用品一個返回圖表的web服務。這裏更多的信息：

http://code.google.com/intl/nl-NL/apis/chart/

Answer 3

我用我的項目之一這http://www.jqplot.com/index.php庫。功能強大且易於使用！ 這裏是用餅圖的例子：http://www.jqplot.com/tests/pieTests.php

Answer 4

有越來越多的開放 來源和 純JavaScript圖表不 需要使用Flash的商業解決方案。在這個迴應中，我將 只提供開源選項。

有JavaScript的2個主要類不 需要Flash圖形 解決方案：

• 帆布爲主，使用ExplorerCanvas，在轉彎依賴於IE瀏覽器呈現在標準 VML
• SVG基於瀏覽器，在IE中呈現爲VML

方法的優點和缺點，但對於製圖庫 我會推薦以後，因爲它 與DOM很好地集成，允許 使用DOM操作圖表元素，最重要的是設置DOM 事件。相比之下，Canvas製圖 庫必須重新創建DOM滾輪 來管理事件。因此，除非您打算 構建靜態圖形，而沒有事件 處理，否則SVG/VML解決方案應該更好地爲 。

對於SVG/VML的解決方案有很多 選項，包括：

• DojoX中圖表，好，如果你使用Dojo工具包已經
• 基於拉斐爾的解決方案

拉斐爾是非常活躍，很好 保持，成熟，開源 圖文庫非常好 跨瀏覽器支持包括IE 6 到8，Firefox，Opera，Safari，Chrome， 和Konqueror。拉斐爾沒有任何JavaScript框架依賴 和 因此可以用原型， jQuery的，道場，MooTools的，等使用...

有一些圖表 庫基於拉斐爾，包括 的（但不限於）：

• gRaphael，延伸拉斐爾圖形庫
• 伊科的，基於一個函數調用一個直觀的API來創建
  複雜的圖表

披露：我的伊科叉的一個 在github （http://github.com/uiteoi/ico）的開發商。

by Jean Vincent

比這

及其它：

Top 5 jQuery Chart Plug-ins

如果確定不是jQuery的使用以外EJS Charts也很光滑。