超棒的仪表盘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"
]    
});

这里调用了一些常用的参数，你可以设置相关仪表盘属性。

完整代码如下：

  
    
    
    
    
    
    
    

    

 super cool speedometer demo by gbin1.com

使用是不是非常简单，希望大家喜欢这个类库，如果你有任何问题和建议，请到gbin1.com留言，谢谢！

来源：超棒的仪表盘Javascript类库 - justGage