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

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

超棒的仪表盘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

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

 

来源:

转载地址:http://tyzda.baihongyu.com/

你可能感兴趣的文章
浅析Java NIO
查看>>
企业级 SpringBoot 教程 (一)构建第一个SpringBoot工程
查看>>
学习云计算技术前景在哪里?云计算技术发展趋势
查看>>
干货|比特币如何产生与交易
查看>>
前端处理后端接口传递过来的图片文件
查看>>
react中的可控组件与非可控组件
查看>>
回调函数
查看>>
Android基础—四大组件之Activity
查看>>
Nginx 学习笔记
查看>>
你为什么选择程序员这个职业?
查看>>
[译] 用于 iOS 的 ML Kit 教程:识别图像中的文字
查看>>
InnoDB大数据插入的优化和FULLTEXT索引性能优化的调研
查看>>
有关https的SSL加密方式
查看>>
ES6的开发环境搭建
查看>>
iOS JSON、XML解析技巧
查看>>
Android下InputStream发生网络中断时的解决办法的代码
查看>>
8 jQuery学习笔记第八节 Jq的效果之自定义动画
查看>>
8月不支持 64 位,App 将无法上架 Google Play!需要怎么做?
查看>>
Vs - 基于 d3.js 和 vue.js 的数据可视化
查看>>
优雅地使用loading
查看>>