当前位置：首页 → 问答吧 → 用JQUERY制做的柱形图统计汇总表的JS前台插件

用JQUERY制做的柱形图统计汇总表的JS前台插件

时间：2009-05-17

来源：互联网

本功能类是建立在JQUERY1.3.2的基础之上
主要原理是定义了一个Pillar类，里面内置了许多属性及方法，初始化时，对象便直接与页面上的DOM无素绑定了。
//feature:
//1.柱状图的各种柱形类型、颜色、名称及总数量均可自定义
//2.柱形图所用的坐标系也能自定义
//3.坐标系上最多可显示多少组柱状图也可自定义
//4.柱形图载入方式有一次性全部载入和单步载入两种，而单步载入时，又可根据条件判断是否移除最左边（时间最早的）那条组柱状图。
//5.数据载入的方法分为本地载入JSON和远程载入JSON两种，而远程载入时，则采用JSONP方式，这样就可实现跨域。
//6.本资源包中不含任何图片文件，但界面已经是比较好看的了。如果大家想把这个柱形图改得非常酷炫的话，可以修改源码包中的CSS文件，在CSS类中引入一些装饰图片。

资源包中配了一个DEMO和一个简单的API，大家可以自己看，如果有兴趣可以一起来扩展功能：）
本源码经过测试,可兼容IE7,FF,CHROME浏览器!
zhuMap.rar (27 K) 下载次数:514 图例
'700')this.width='700';if(this.offsetHeight>'700')this.height='700';" title="Click Here To EnLarge">

[ 此帖被sdlddr在2009-05-22 16:52重新编辑 ]

作者: sdlddr 发布时间: 2009-05-17

能从数据库里面读数据然后用这个显示么?..

作者: aaa9803596 发布时间: 2009-05-22

不管从哪读,只要返回的数据格式为规格的JSON格式即可

作者: sdlddr 发布时间: 2009-05-23

我也弄了个，不过是js+vml的，改的网上的asp的，不过你这应该更有前途
http://ljzforever.javaeye.com/blog/391628

作者: ljzforever 发布时间: 2009-05-23

其实我只做出了柱状图,因为只有柱状图是平直方框的,可以用CSS渲染DIV的方法直接得到,如果要立体的话可以用直接在CSS中加入背景图片的方式,在修改一下渲染用的JS实现代码即可;
其它的图,如饼状,曲线,只能用使用了CONVAS标签的JS绘图库了,(JQUERY有一个FLOT,另外还有你说的JSCHART),如果里面实在没有你说的立体图,我推荐你直接用FLEX比较好.

作者: sdlddr 发布时间: 2009-05-24

仁兄！不支持IE6实乃一大憾事啊。。。。