LOGO OA教程 ERP教程 模切知识交流 PMS教程 CRM教程 开发文档 其他文档  
 
网站管理员

6个jQuery图表的Web扩展应用

admin
2010年4月27日 2:32 本文热度 6848
[p]随着jquery、mootools、prototype等知名的javascript框架的应用变的越来越强大,浏览器对最新版本css属性的支持,除去页面中flash的应用之外,图表应用变的越来越广泛实用。本文为你整理了6个实用性强的jquery图表插件,概述了它们各自的功用和优势。[/p]
[p][/p]
1,[url=http://code.google.com/p/flot/]flot[/url]
[p][align=center][url=http://code.google.com/p/flot/][img]http://bbon.cn/wp-content/uploads/2009/03/08200312t.png[/img][/url][/align][/p]
[p]从交互性的层面来说,jquery实现的 [url=http://code.google.com/p/flot/]flot[/url]图表和flash实现的图表效果已经是非常的接近。图表输出效果相当的流畅光滑,注重视觉效果。你也可以和data points数据节点配合使用,当鼠标hover到某个数据节点时,会得到对应节点的数值说明内容的反馈信息。[/p]
[p][align=center][url=http://people.iola.dk/olau/flot/examples/zooming.html][img]http://bbon.cn/wp-content/uploads/2009/03/08200389f.png[/img][/url][/align][/p]
[p]如上图所示,你也可以选择图表的一部分内容,获得这些特殊区域的数据;同时,你还可以对数据节点进行放大处理。[/p]
[p][b]优势: [/b]线条、节点、区域填充、柱状图以及以上功能的组合。[/p]
2,[url=http://omnipotent.net/jquery.sparkline/]sparklines[/url]
[p][align=center][url=http://omnipotent.net/jquery.sparkline/][img]http://bbon.cn/wp-content/uploads/2009/03/0820033ld.png[/img][/url][/align][/p]
[p][url=http://omnipotent.net/jquery.sparkline/]sparklines[/url] 是我最欣赏的微型图表实现工具。真正实现了仪表风格的图表样式(登录到你的 google analytics 就知道什么样子了)。另外一个好的功用就是,可以帮助在所有的图表插件中实现 self-refresh 的能力。[/p]
[p][b][b]优势[/b]:[/b] 楔形、线条、柱状图以及以上功能的组合。[/p]
3, [url=http://maxb.net/scripts/jgcharts/include/demo/#1]google charts plugin[/url]
[p][align=center][url=http://maxb.net/scripts/jgcharts/include/demo/#1][img]http://bbon.cn/wp-content/uploads/2009/03/082003k28.png[/img][/url][/align][/p]
[p][url=http://maxb.net/scripts/jgcharts/include/demo/#1]google charts plugin[/url] 是通过jquery插件将[url=http://code.google.com/apis/chart/]google charts api[/url]应用到web程序的一个非常简单的方式。同时,这个 api 本身也是非常的简单易用 。允许使用简单的jquery调用,设置你自己需要的参数:[/p]
.attr('src', api.make({data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]]}))
[p][b][b]优势[/b]:[/b] 柱状图、重叠柱状图、线条、楔形、3d楔形。[/p]
4,
[p][url=http://reach1to1.com/sandbox/jquery/jqchart/]jquery chart 0.21[/url][/p]
0.21
[p][align=center][url=http://reach1to1.com/sandbox/jquery/jqchart/][img]http://bbon.cn/wp-content/uploads/2009/03/082003c1z.png[/img][/url][/align][/p]
[p][url=http://reach1to1.com/sandbox/jquery/jqchart/]jquery chart 0.21[/url]看起来似乎并不是一个特别好看的图表插件。实现的也是基本的功能,但它的使用却是非常灵活、易用的。[/p]
[p][b]实例[/b](添加值给图表)[/p]
[p].chartadd({”label”:”leads”,”type”:”line”,”color”:”#008800″,”values”:["100","124","222","44","123","23","99"]})[/p]
[p][b]优势:[/b] 区块、线条、柱状图以及以上功能的组合。[/p]
5,[url=http://jsgt.org/lib/jquery/plugin/jqchart/sample/v003/test-use-gradient.html]jqchart[/url]
[p][align=center][url=http://jsgt.org/lib/jquery/plugin/jqchart/sample/v003/test-use-gradient.html][img]http://bbon.cn/wp-content/uploads/2009/03/082003zyc.png[/img][/url][/align][/p]
[p][url=http://jsgt.org/lib/jquery/plugin/jqchart/sample/v003/test-use-gradient.html]jqchart[/url] 可以实现在图表中的拖拽动作和动画转换功能。如果你的css应用够好,可以实现外观不错的图表效果。与其他插件相比,jqchart的实现功能似乎有些单一。[/p]
[p][b]优势:[/b] 柱状图、线条[/p]
6,[url=http://xaviershay.github.com/tufte-graph/]tuftegraph[/url]
[p][align=center][url=http://xaviershay.github.com/tufte-graph/][img]http://bbon.cn/wp-content/uploads/2009/03/082003h0n.png[/img][/url][/align][/p]
[p][url=http://xaviershay.github.com/tufte-graph/]tuftegraph[/url] 生成的柱状图漂亮精致,而且可以实现层叠效果。相比[url=http://code.google.com/p/flot/]flot[/url] 的精致小巧,[url=http://xaviershay.github.com/tufte-graph/]tuftegraph[/url]也可以实现自身的减压,变得更加轻便。[/p]
[p][b]优势:[/b] 柱状图、重叠柱状图。[/p]
[p]以上6中同样通过jquery实现的图表效果,却各有各的优势和局限,你可以根据自身项目的需求,有选择性地使用,我们的原则就是:简单、实用、兼容性强。[/p]
[p]英文:[url=http://reynoldsftw.com/2009/02/6-jquery-chart-plugins-reviewed/]6 jquery chart plugins for your app[/url][/p]
[p][url=http://bbon.cn/2009/03/6%e4%b8%aajquery%e5%9b%be%e8%a1%a8%e5%ba%94%e7%94%a8%e6%89%a9%e5%b1%95.html]http://bbon.cn/2009/03/6%e4%b8%aajquery%e5%9b%be%e8%a1%a8%e5%ba%94%e7%94%a8%e6%89%a9%e5%b1%95.html[/url][/p]

该文章在 2010/4/27 2:32:09 编辑过
关键字查询
相关文章
正在查询...
点晴ERP是一款针对中小制造业的专业生产管理软件系统,系统成熟度和易用性得到了国内大量中小企业的青睐。
点晴PMS码头管理系统主要针对港口码头集装箱与散货日常运作、调度、堆场、车队、财务费用、相关报表等业务管理,结合码头的业务特点,围绕调度、堆场作业而开发的。集技术的先进性、管理的有效性于一体,是物流码头及其他港口类企业的高效ERP管理信息系统。
点晴WMS仓储管理系统提供了货物产品管理,销售管理,采购管理,仓储管理,仓库管理,保质期管理,货位管理,库位管理,生产管理,WMS管理系统,标签打印,条形码,二维码管理,批号管理软件。
点晴免费OA是一款软件和通用服务都免费,不限功能、不限时间、不限用户的免费OA协同办公管理系统。
Copyright 2010-2024 ClickSun All Rights Reserved