mirror of
https://gitlab.com/JKANetwork/CheckServer.git
synced 2026-03-06 02:22:01 +01:00
Start again
This commit is contained in:
35
vendors/gauge.js/README.md
vendored
Normal file
35
vendors/gauge.js/README.md
vendored
Normal file
@@ -0,0 +1,35 @@
|
||||
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
|
||||
|
||||
```javascript
|
||||
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](http://bernii.github.com/gauge.js).
|
||||
Reference in New Issue
Block a user