超棒的仪表盘javascript类库 - justGage

阅读更多

日期:2012-8-23  来源:GBin1.com

超棒的仪表盘javascript类库 - justGage_第1张图片

在线演示   本地下载

还记得前端时间我们分享的动画仪表板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

你可能感兴趣的:(仪表板,仪表盘,旋钮,javascript仪表板类库,justGage)