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