gauge.jsJavaScript 动画仪表板
gauge.js 是一个 100% 原生且看起来很酷的动画 JavaScript/CoffeScript 仪表板。
- 没有图像,没有外部 CSS - 纯画布
- 无依赖
- 高度可配置
- 分辨率无关
- 动画仪表值变化
- 适用于所有主要浏览器
var opts = { angle: 0.15, /// The span of the gauge arc lineWidth: 0.44, // The line thickness pointer: { length: 0.9, // Relative to gauge radius strokeWidth: 0.035 // The thickness }, colorStart: '#6FADCF', // Colors colorStop: '#8FC0DA', // just experiment with them strokeColor: '#E0E0E0' // to see which ones work best for you }; var target = document.getElementById('foo'); // your canvas element var gauge = new Gauge(target).setOptions(opts); // create sexy gauge! gauge.maxValue = 3000; // set max gauge value gauge.setMinValue(0); // set min value gauge.set(1250); // set actual value
评论