6个jQuery图表Web应用扩展
2009-06-12 00:51
525 查看
该篇文章是我于2009年6月10日通过自己编写的工具,批量从位于在博客园的博客站点(http://chenxizhang.cnblogs.com)同步而来。文章中的图片地址仍然是链接到博客园的。特此说明!陈希章原文地址:http://www.cnblogs.com/chenxizhang/archive/2009/05/28/1491300.html原文标题:6个jQuery图表Web应用扩展 原文发表:2009/5/28 5:50:00 |
从交互性的层面来说,jQuery实现的 Flot图表和Flash实现的图表效果已经是非常的接近。图表输出效果相当的流畅光滑,注重视觉效果。你也可以和data points数据节点配合使用,当鼠标hover到某个数据节点时,会得到对应节点的数值说明内容的反馈信息。
如上图所示,你也可以选择图表的一部分内容,获得这些特殊区域的数据;同时,你还可以对数据节点进行放大处理。 优势: 线条、节点、区域填充、柱状图以及以上功能的组合。 2,Sparklines
Sparklines 是我最欣赏的微型图表实现工具。真正实现了仪表风格的图表样式(登录到你的 Google Analytics 就知道什么样子了)。另外一个好的功用就是,可以帮助在所有的图表插件中实现 self-refresh 的能力。 [b]优势:[/b] 楔形、线条、柱状图以及以上功能的组合。 3, Google Charts Plugin
Google Charts plugin 是通过jQuery插件将Google Charts API应用到Web程序的一个非常简单的方式。同时,这个 API 本身也是非常的简单易用 。允许使用简单的jQuery调用,设置你自己需要的参数:
.attr('src', api.make({data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]]}))
[b]优势:[/b] 柱状图、重叠柱状图、线条、楔形、3D楔形。 4, jQuery Chart 0.21 0.21
jQuery Chart 0.21看起来似乎并不是一个特别好看的图表插件。实现的也是基本的功能,但它的使用却是非常灵活、易用的。 实例(添加值给图表) .chartAdd({”label”:”Leads”,”type”:”Line”,”color”:”#008800″,”values”:["100","124","222","44","123","23","99"]})
优势: 区块、线条、柱状图以及以上功能的组合。 5,jQchart
jQchart 可以实现在图表中的拖拽动作和动画转换功能。如果你的CSS应用够好,可以实现外观不错的图表效果。与其他插件相比,jQchart的实现功能似乎有些单一。 优势: 柱状图、线条 6,TufteGraph
Tuftegraph 生成的柱状图漂亮精致,而且可以实现层叠效果。相比Flot 的精致小巧,Tuftegraph也可以实现自身的减压,变得更加轻便。 优势: 柱状图、重叠柱状图。 以上6中同样通过jQuery实现的图表效果,却各有各的优势和局限,你可以根据自身项目的需求,有选择性地使用,我们的原则就是:简单、实用、兼容性强。
作者:陈希章 出处:http://blog.csdn.net/chen_xizhang 本文版权归作者所有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。 |
相关文章推荐
- 6个jQuery图表Web应用扩展
- 6个jQuery图表Web应用扩展
- 6个jQuery图表Web应用扩展
- 6个jQuery图表Web应用扩展
- ChartDirector应用笔记(可同时为Web和Qt MFC提供图表)
- 使用jQuery开发一个基于HTML5的漂亮图片拖拽上传web应用
- boxy基于jquery的弹出层对话框插件扩展应用 弹出层选择器
- 无插件纯web 3D机房 (第四季:大型园区、地球仪效果和其他扩展应用)
- 6个强大的AngularJS扩展应用
- Asp.net 构建可扩展的的Comet Web 应用(二)
- chrome 无法从web store下载和安装扩展应用的解决方案
- boxy基于jquery的弹出层对话框插件扩展应用 弹出层选择器
- 开源数据库中间件 Vitess:一组旨在使 web 应用的 MySql 数据库的水平扩展简单化的服务器和工具集
- jquery高级应用—扩展插件方法
- Web前端图表绘制JQuery插件jqplot
- Visual Studio 2005中web.sitmap 中扩展自定义属性的一些应用范例
- 从咖啡馆的经营看 Web 应用的扩展
- Web应用扩展系列(1):架构篇(转)
- 6个强大的AngularJS扩展应用
- Asp.net 构建可扩展的的Comet Web 应用(一)