FM / gauge.js

/home/wespack/public_html/capwes.com/admin/vendors/gauge.js/

/home/wespack/public_html/capwes.com/admin/vendors/gauge.js

Name	Size	Mode	Actions
assets/	-	0755	rm
dist/	-	0755	rm
.bower.json	621	0644	edit dl rm
bower.json	320	0644	edit dl rm
favicon.ico	1439	0644	edit dl rm
index.html	14770	0644	edit dl rm
README.md	1085	0644	edit dl rm

Edit: /home/wespack/public_html/capwes.com/admin/vendors/gauge.js/README.md (1085B)

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).

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).