用gRaphaël画饼图和柱状图,修正官方柱状图label方法的bug

本文介绍了如何使用gRaphael库创建饼图和柱状图,并着重指出官方g.bar.js中柱状图label方法的bug,提供了一个修正此问题的解决方案。同时展示了柱状图的两种显示标签方式以及鼠标悬停显示具体数值的功能。完整源码可在指定网址找到。
摘要由CSDN通过智能技术生成

gRaphael是一个基于Raphaël实现的开源JavaScript图表制作Library。它既可以生成静态图表,也可以生成具有交互功能的图表。图表类型包括:饼图,柱状图,线状图和点状图。图表采用VML创建支持大部分浏览器如:Firefox3.0+、Safari3.0+、Opera9.5+和Internet Explorer6.0。

官方地址:http://g.raphaeljs.com/


官方的g.bar.js/g.bar-min.js的label方法存在bug,用https://github.com/jhurt/g.raphael/blob/master/g.bar.js替代可work。

部分代码参考资源 http://download.csdn.net/download/hjhgarfield/5306908


1.饼图

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值