Update also fix some following problem: - Switcher now working - Datatable header fix example is now working - Add missing starrr ratings - Some mobile responsiveness on table.html page |
||
---|---|---|
.. | ||
assets | ||
dist | ||
.bower.json | ||
bower.json | ||
favicon.ico | ||
index.html | ||
README.md |
gauge.js
100% native and cool looking animated JavaScript/CoffeScript gauge
- No images, no external CSS - pure canvas
- No dependencies
- Highly configurable
- Resolution independent
- Animated guage value changes
- Works in all major browsers
- MIT License
Usage
var opts = {
lines: 12, // The number of lines to draw
angle: 0.15, // The length of each line
lineWidth: 0.44, // The line thickness
pointer: {
length: 0.9, // The radius of the inner circle
strokeWidth: 0.035 // The rotation offset
},
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.value = 1250; // set actual value
gauge.maxValue = 3000; // set max gauge value
For an interactive demo and a list of all supported options please refer to the project's homepage.