日期:2012-8-23 来源:GBin1.com
在线演示 本地下载
还记得前端时间我们分享的动画仪表板javascript - gauge.js 吧,使用它能够帮助我们迅速的构建一个超棒的动画仪表盘效果。
今天这里我们再介绍一款兼容性更好的动画仪表盘 javascript类库:JustGage ,这个类库基于著名的绘图类库 Raphaël ,能够提供更好的绘图兼容性。
支持浏览器
几乎支持所有的浏览器,包括:
- IE6+
- Chrome
- Firefox
- Safari
- Opera
- Android
- 其它
如何使用
使用非常简单,首先导入Raphaël 和JustGage 的类库,如下:
调用js生成一个新的仪表盘:
var g1 = new JustGage({ id: "g1", value: getRandomInt(0, 30), min: 0, max: 100, title: "Speedometer", label: "km/h", levelColors: [ "#222222", "#555555", "#CCCCCC" ] });
这里调用了一些常用的参数,你可以设置相关仪表盘属性。
完整代码如下:
JustGage Demo By GBin1.com super cool speedometer demo by gbin1.com
使用是不是非常简单,希望大家喜欢这个类库,如果你有任何问题和建议,请到gbin1.com 留言,谢谢!
来源:超棒的仪表盘javascript类库 - justGage