2010-11-04 46 views
2

我想要一个JavaScript饼图,我已经有一个使用PlotKit的图表,但这是一个太大的库,而且我的带宽很低。我想要一个好的和低权重的JavaScript(或更好的,在jQuery中)。使用JavaScript的饼图

+1

我已经使用了Filament Group的东西,它很棒:http://www.filamentgroup.com/examples/charting/ – orolo 2010-11-04 13:29:00

回答

2

这里有一些链接,与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/

+0

这不是“本质上相同的问题” – Lrrr 2010-11-07 13:09:24

2

有越来越多的开放 来源和 纯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也很光滑。