博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
超棒的仪表盘javascript类库 - justGage
阅读量:6088 次
发布时间:2019-06-20

本文共 658 字,大约阅读时间需要 2 分钟。

  hot3.png

日期:2012-8-23  来源:

超棒的仪表盘javascript类库 - justGage

 

还记得前端时间我们分享的吧,使用它能够帮助我们迅速的构建一个超棒的动画仪表盘效果。

今天这里我们再介绍一款兼容性更好的动画javascript类库:,这个类库基于著名的绘图类库 ,能够提供更好的绘图兼容性。

支持浏览器

几乎支持所有的浏览器,包括:

  • IE6+
  • Chrome
  • Firefox
  • Safari
  • Opera
  • Android
  • 其它

如何使用

使用非常简单,首先导入和的类库,如下:

调用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

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

 

来源:

转载于:https://my.oschina.net/gbin1/blog/74383

你可能感兴趣的文章
MSSQL-SQL SERVER一些使用中的技巧
查看>>
nodejs express 框架解密4-路由
查看>>
linux设置LD_LIBRARY_PATH变量
查看>>
整理:java定时器。
查看>>
Objective C 快速入门学习一
查看>>
移动互联网实战--社交游戏的排行榜设计和实现(1)
查看>>
瘋子C语言笔记 (string)
查看>>
PHP-四种解析XML文件的方法
查看>>
连HTTPS都有漏洞,这么不安全的互联网我们还要继续用吗?
查看>>
MySQL的各种join
查看>>
微信支付开发(2) 扫码支付模式一
查看>>
java.lang.Runnable接口
查看>>
jQuery cssHook的经典例子
查看>>
HDU 5052 Yaoge’s maximum profit 光秃秃的树链拆分 2014 ACM/ICPC Asia Regional Shanghai Online...
查看>>
Java Date API demo
查看>>
转multicast vs broadcast
查看>>
ASP.NET MVC权限验证 封装类
查看>>
表单数据相关
查看>>
安卓动画基础讲解
查看>>
继承中參数传递及调用顺序
查看>>