超棒的仪表盘javascript类库 - justGage

日期：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

来自 “ ITPUB博客 ” ，链接：http://blog.itpub.net/8288/viewspace-741810/，如需转载，请注明出处，否则将追究法律责任。

转载于:http://blog.itpub.net/8288/viewspace-741810/