推荐5个漂亮的jquery主流图表插件
当前位置:点晴教程→知识管理交流
→『 技术文档交流 』
[p][img]http://72color.com/upload/201004060953054473.jpg[/img][/p]
[p]5个jquery图表(生成)插件评测[/p] [p]大多数的图表插件都是免费用于个人,而商业则收费。不过在中国我们用外国的东西,外国人知道个鸟,但不推荐大家使劲用就行![/p] [p][b][url=http://filamentgroup.com/lab/jquery_visualize_plugin_accessible_charts_graphs_from_tables_html5_canvas/]1. jquery visualize plugin[/url][/b][/p] [p]jquery visualize plugin 是一个非常有用的图表插件,几乎可以将表格数据支持转换成所有图表样式![/p] [p][b]例子[/b][/p] [p] [/p] [p][img]http://72color.com/upload/201004061012391462.jpg[/img][/p] [p][b]支持图表样式: 柱状, 面积, 饼状 & 线型.[/b][/p] [p][b]环境: jquery, excanvas (included)[/b][/p] [p][b]浏览器兼容: ie6*, ie7*, ie8*, firefox 2, firefox 3.5, safari 3 and 4, opera 9.[/b][/p] [p]* 目前最烂浏览器还不支持html5,不过还能支持在ie中运行。[/p] [p][b]演示网址: [url=http://filamentgroup.com/例子/charting_v2/index_2.php]http://filamentgroup.com/demo/charting_v2/index_2.php[/url][/b][/p] [p][b]使用条款: mit and gpl 使用条款,商业付费[/b][/p] [p][url=http://highcharts.com/]2. highcharts[/url][/p] [p]highcharts不仅支持点型,柱状,面积形状等等各种图表样式,还有非常强大的交互能力。它是一个实时的图表工具,你可以实时修改、添加、删除数据。在点型图表方面,highcharts是强项。[/p] [p][b]例子[/b]1[/p] [p][img]http://72color.com/upload/jquery-highcharts-1.jpg[/img][/p] [p]例子2:支持行标[/p] [p][img]http://72color.com/upload/201004061012457714.jpg[/img][/p] [p][b]支持图表样式: 柱状, 面积, 面积sp线型 , 饼状, 线型, sp线型, 行标.[/b][/p] [p][b]环境: jquery or mootools[/b][/p] [p][b]浏览器兼容: ie6, ie7, ie8, firefox 2, firefox 3.5, safari 3 and 4, opera 9 and iphone![/b][/p] [p]演示网址: [url=http://highcharts.com/demo/]http://highcharts.com/demo/[/url][/p] [p][b]使用条款: 个人免费,商业 $80.[/b][/p] [p][url=http://code.google.com/p/flot/][b]3. flot[/b][/url][/p] [p]flot 大家可能比较熟悉,生成的图表样式也比较好看。它还支持鼠标提示,缩放等功能。[/p] [p][b]例子[/b][/p] [p] [/p] [p][b][img]http://72color.com/upload/jquery-flot-chart.jpg[/img][/b][/p] [p][b]支持图表样式: 柱状, 面积, 点型 & 线型.[/b][/p] [p][b]环境: jquery[/b][/p] [p][b]浏览器兼容: ie6, ie7, ie8, firefox 2, firefox 3.5, safari 3 and 4, opera 9 and konqueror 4+.[/b][/p] [p][b]演示网址: [url=http://people.iola.dk/olau/flot/demo/]http://people.iola.dk/olau/flot/demo/[/url][/b][/p] [p][b]使用条款: mit 使用条款,免费[/b][/p] [p][b][url=http://omnipotent.net/jquery.sparkline/]4. jquery sparklines[/url][/b][/p] [p]sparklines是用来生成比较小的图片,但是可能是支持类型最多的插件了,点线面柱无所不能。[/p] [p][b]例子[/b][/p] [p][img]http://72color.com/upload/jquery-sparklines.jpg[/img][/p] [p][b]支持图表样式: 柱状, 面 ,点& 线型等等[/b][/p] [p][b]环境: jquery[/b][/p] [p][b]浏览器兼容: ie6, ie7, ie8, firefox 2, firefox 3.5, safari 3 and 4, opera 9 and google chrome.[/b][/p] [p][b]演示网址: [url=http://omnipotent.net/jquery.sparkline/]http://omnipotent.net/jquery.sparkline/[/url][/b][/p] [p][b]使用条款: new bsd 使用条款,免费[/b][/p] [p][b][url=http://jqplot.com]5. jqplot[/url][/b][/p] [p]jqplot看起来非常的朴素,但是它可是在最好的免费图表生成jquery生成插件之一。[/p] [p][b]例子[/b][/p] [p] [/p] [p] [/p] [p][img]http://72color.com/upload/jqplot-1.jpg[/img][/p] [p][img]http://72color.com/upload/201004061001096353.jpg[/img][/p] [p][img]http://72color.com/upload/201004061001097721.jpg[/img][/p] [p][b]支持图表样式: 柱状, 饼状 & 线型.[/b][/p] [p][b]环境: jquery[/b][/p] [p][b]浏览器兼容: ie6, ie7, ie8, firefox 2, firefox 3.5, safari 3 and 4, opera 9 and google chrome.[/b][/p] [p][b]演示网址: [url=http://jqplot.com/tests/]http://jqplot.com/tests/[/url][/b][/p] [p][b]使用条款: mit and gpl version 2 使用条款,免费[/b][/p] [p]转自:http://blog.luluui.info/5-top-jquery-chart-libraries/[/p] 该文章在 2010/4/24 10:21:21 编辑过 |
关键字查询
相关文章
正在查询... |