我想要一个 JavaScript 饼图,我已经有一个带有 PlotKit 的,但它是一个太大的库,我的带宽很低。我想要一个好的和低权重的 JavaScript(或者更好,在 jQuery 中)。
4 回答
我在我的一个项目中使用了这个http://www.jqplot.com/index.php库。功能强大且易于使用!这是一个带有饼图的示例:http ://www.jqplot.com/tests/pieTests.php
以下是一些带有 JQuery 图表插件的网站的链接:
http://www.reynoldsftw.com/2009/02/6-jquery-chart-plugins-reviewed/
http://www.1stwebdesigner.com/resources/top-jquery-chart-libraries-interactive-charts/
和 THIS SO 线程,它基本上问的是相同的问题:
编辑:添加了一些其他选项
我最近用 Flot 做了一些条形图 http://people.iola.dk/olau/flot/examples/
我们正在使用 Raphael 来制作一些饼图和其他东西 http://raphaeljs.com/
对于不需要 Flash 的纯 JavaScript 图表,有越来越多的开源和商业解决方案。在此回复中,我将仅介绍开源选项。
不需要 Flash 的图形的 JavaScript 解决方案主要有 2 类:
- 基于 Canvas,在 IE 中使用 ExplorerCanvas 渲染,而 ExplorerCanvas 又依赖于 VML
- 基于标准的浏览器上的 SVG,在 IE 中呈现为 VML
两种方法各有利弊,但对于图表库,我会推荐后者,因为它与 DOM 很好地集成,允许使用 DOM 操作图表元素,最重要的是设置 DOM 事件。相比之下,Canvas 图表库必须重新发明 DOM 轮来管理事件。因此,除非您打算构建没有事件处理的静态图,否则 SVG/VML 解决方案应该会更好。
对于 SVG/VML 解决方案,有许多选项,包括:
- Dojox Charting,如果您已经使用 Dojo 工具包,那就太好了
- 基于 Raphael 的解决方案
Raphael 是一个非常活跃、维护良好且成熟的开源图形库,具有非常好的跨浏览器支持,包括 IE 6 到 8、Firefox、Opera、Safari、Chrome 和 Konqueror。Raphael 不依赖于任何 JavaScript 框架,因此可以与 Prototype、jQuery、Dojo、Mootools 等一起使用...
有许多基于 Raphael 的图表库,包括(但不限于):
- gRaphael,Raphael 图形库的扩展
- Ico,具有基于单个函数调用的直观 API 来创建
复杂图表披露:我是 github ( http://github.com/uiteoi/ico ) 上的一个 Ico 分叉的开发者。
除此之外:
如果可以使用 jQuery 以外的其他方式,则EJS 图表也非常流畅。