9个基于JavaScript和CSS的Web图表框架

COMSHARP CMS写道:jQuery,MooTools,Prototype等优秀的JavaScript框架拥有各种强大的功能,包括绘制Web图表,使用这些框架以及相应插件,我们可以非常轻松地实现曲线图,圆饼图,柱状图等Web图表的绘制,而不必象以往那样通过复杂的Flash技术实现。本文介绍了9个优秀的基于JavaScript与CSS的Web图表框架。

1.Flot

001

Flot是一个纯粹的jQuery JavaScript绘图库,可以在客户端即时生成图形,使用非常简单,支持放大缩小以及鼠标追踪等交互功能。该插件支持IE6/7/8,Firefox 2.x+,Safari 3.0+,Opera 9.5+以及Konqueror 4.x+。使用的是 Safari 最先引入的 Canvas 对象,目前所有主流浏览器都支持该对象,除了IE, 因此在 IE中使用JavaScript进行模拟。这里有一些实例。

 

2.JS Charts

002

JS Charts是一个免费的基于JavaScript的图表生成器,表格绘制非常简单,几乎不需要编码,也不需要插件和服务器模块,使用XML或JavaScript数组缓存数据。

 

3.TableToChart

TableToChart是一个MooTools脚本,可以将HTML Table对象中存储的数据绘制成图表。你可以使用table标签生成图表,柱状图,曲线图,圆饼图等。

 

4.PlotKit

PlotKit是一个JavaScript绘图库,支持HTML Canvas标签,也支持SVG。

 

5.Yahoo UI Charts Control

003

YUI Charts Control可以在网页上将表格数据转换为图表,支持柱状图,曲线图以及圆饼图。支持 DataSource工具,可设置的轴,鼠标盘旋提示,图表组合,以及皮肤等功能。

 

6.ProtoChart

004

ProtoChart是一个基于Prototype和Canvas标签的开源库,这个库深受Flot,Flotr,Plotkit等启发,支持曲线图,柱状图,圆饼图等,可以在同一个图表上显示多套数据,支持可定制的图例,网格,边界以及背景图。支持IE6/7, Firefox2/3 以及Safari,甚至支持iPhone.

 

7.EJSChart

005

EJSChart支持鼠标追踪,鼠标事件,按键追踪与事件,缩放,滚动,交互等功能,将用户体验上升到一个新高度。支持曲线图,面积图,离散图,圆饼图,柱状图等形式,拥有完备文档的属性和方法可以帮助实现很好的定制。

 

8.fgCharting

fgCharting是一个很出色的jQuery插件,支持多种图形。

 

9.Pure Css Data Chart

006

以往的数据展示往往通过 flash 实现,现在,我们可以通过纯粹的CSS实现类似的功能。CSSGlobe有一个非常实用的教程帮你实现基于CSS的绘图,甚至不需要JavaScript。