gaugeJS - npm Package Compare versions

Comparing version 1.2.2 to 1.3.2

assets/excanvas.compiled.js

@@ -0,0 +0,0 @@ // Copyright 2006 Google Inc.

assets/prettify.js

@@ -0,0 +0,0 @@ var q=null;window.PR_SHOULD_USE_CONTINUATION=!0;

bower.json

 {
   "name": "gauge.js",
-  "version": "1.2.1",
+  "version": "1.3.2",
   "main": [
@@ -5,0 +5,0 @@ "dist/gauge.js",

dist/gauge.js

@@ -1,4 +0,5 @@
-// Generated by CoffeeScript 1.9.3
+// Generated by CoffeeScript 1.11.1
 (function() {
-  var AnimatedText, AnimatedTextFactory, Bar, BaseDonut, BaseGauge, Donut, Gauge, GaugePointer, TextRenderer, ValueUpdater, addCommas, cutHex, formatNumber, mergeObjects, secondsToString, updateObjectValues,
+  var AnimatedText, AnimatedTextFactory, Bar, BaseDonut, BaseGauge, Donut, Gauge, GaugePointer, TextRenderer, ValueUpdater, addCommas, cutHex, formatNumber, mergeObjects, secondsToString,
+    slice = [].slice,
     hasProp = {}.hasOwnProperty,
@@ -84,16 +85,10 @@ extend = function(child, parent) { for (var key in parent) { if (hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; };
 
-  formatNumber = function(num) {
-    return addCommas(num.toFixed(0));
+  formatNumber = function() {
+    var digits, num, value;
+    num = 1 <= arguments.length ? slice.call(arguments, 0) : [];
+    value = num[0];
+    digits = 0 || num[1];
+    return addCommas(value.toFixed(digits));
   };
 
-  updateObjectValues = function(obj1, obj2) {
-    var key, val;
-    for (key in obj2) {
-      if (!hasProp.call(obj2, key)) continue;
-      val = obj2[key];
-      obj1[key] = val;
-    }
-    return obj1;
-  };
-
   mergeObjects = function(obj1, obj2) {
@@ -185,4 +180,4 @@ var key, out, val;
 
-    BaseGauge.prototype.setTextField = function(textField) {
-      return this.textField = textField instanceof TextRenderer ? textField : new TextRenderer(textField);
+    BaseGauge.prototype.setTextField = function(textField, fractionDigits) {
+      return this.textField = textField instanceof TextRenderer ? textField : new TextRenderer(textField, fractionDigits);
     };
@@ -217,3 +212,3 @@
       if (this.options.angle > .5) {
-        this.gauge.options.angle = .5;
+        this.options.angle = .5;
       }
@@ -252,8 +247,9 @@ this.configDisplayScale();
   TextRenderer = (function() {
-    function TextRenderer(el) {
+    function TextRenderer(el, fractionDigits1) {
       this.el = el;
+      this.fractionDigits = fractionDigits1;
     }
 
     TextRenderer.prototype.render = function(gauge) {
-      return this.el.innerHTML = formatNumber(gauge.displayedValue);
+      return this.el.innerHTML = formatNumber(gauge.displayedValue, this.fractionDigits);
     };
@@ -336,8 +332,7 @@
       }
-      updateObjectValues(this.options, options);
-      this.length = this.canvas.height * this.options.length;
+      this.options = mergeObjects(this.options, options);
+      this.length = 2 * this.gauge.radius * this.gauge.options.radiusScale * this.options.length;
       this.strokeWidth = this.canvas.height * this.options.strokeWidth;
       this.maxValue = this.gauge.maxValue;
       this.minValue = this.gauge.minValue;
-      this.displayedValue = this.gauge.minValue;
       this.animationSpeed = this.gauge.animationSpeed;
@@ -348,15 +343,13 @@ return this.options.angle = this.gauge.options.angle;
     GaugePointer.prototype.render = function() {
-      var angle, centerX, centerY, endX, endY, startX, startY, x, y;
+      var angle, endX, endY, startX, startY, x, y;
       angle = this.gauge.getAngle.call(this, this.displayedValue);
-      centerX = this.canvas.width / 2;
-      centerY = this.canvas.height * 0.9;
-      x = Math.round(centerX + this.length * Math.cos(angle));
-      y = Math.round(centerY + this.length * Math.sin(angle));
-      startX = Math.round(centerX + this.strokeWidth * Math.cos(angle - Math.PI / 2));
-      startY = Math.round(centerY + this.strokeWidth * Math.sin(angle - Math.PI / 2));
-      endX = Math.round(centerX + this.strokeWidth * Math.cos(angle + Math.PI / 2));
-      endY = Math.round(centerY + this.strokeWidth * Math.sin(angle + Math.PI / 2));
+      x = Math.round(this.length * Math.cos(angle));
+      y = Math.round(this.length * Math.sin(angle));
+      startX = Math.round(this.strokeWidth * Math.cos(angle - Math.PI / 2));
+      startY = Math.round(this.strokeWidth * Math.sin(angle - Math.PI / 2));
+      endX = Math.round(this.strokeWidth * Math.cos(angle + Math.PI / 2));
+      endY = Math.round(this.strokeWidth * Math.sin(angle + Math.PI / 2));
       this.ctx.fillStyle = this.options.color;
       this.ctx.beginPath();
-      this.ctx.arc(centerX, centerY, this.strokeWidth, 0, Math.PI * 2, true);
+      this.ctx.arc(0, 0, this.strokeWidth, 0, Math.PI * 2, true);
       this.ctx.fill();
@@ -425,2 +418,4 @@ this.ctx.beginPath();
 
+    Gauge.prototype.paddingTop = 0.1;
+
     Gauge.prototype.paddingBottom = 0.1;
@@ -441,10 +436,14 @@
       lineWidth: 0.44,
+      radiusScale: 1.0,
       fontSize: 40,
-      limitMax: false
+      limitMax: false,
+      limitMin: false
     };
 
     function Gauge(canvas) {
+      var h, w;
       this.canvas = canvas;
       Gauge.__super__.constructor.call(this);
       this.percentColors = null;
+      this.forceUpdate = true;
       if (typeof G_vmlCanvasManager !== 'undefined') {
@@ -454,2 +453,6 @@ this.canvas = window.G_vmlCanvasManager.initElement(this.canvas);
       this.ctx = this.canvas.getContext('2d');
+      h = this.canvas.clientHeight;
+      w = this.canvas.clientWidth;
+      this.canvas.height = h;
+      this.canvas.width = w;
       this.gp = [new GaugePointer(this)];
@@ -461,3 +464,3 @@ this.setOptions();
     Gauge.prototype.setOptions = function(options) {
-      var gauge, j, len, ref;
+      var gauge, j, len, phi, ref;
       if (options == null) {
@@ -468,6 +471,11 @@ options = null;
       this.configPercentColors();
-      this.lineWidth = this.canvas.height * (1 - this.paddingBottom) * this.options.lineWidth;
-      this.radius = this.canvas.height * (1 - this.paddingBottom) - this.lineWidth;
+      this.extraPadding = 0;
+      if (this.options.angle < 0) {
+        phi = Math.PI * (1 + this.options.angle);
+        this.extraPadding = Math.sin(phi);
+      }
+      this.availableHeight = this.canvas.height * (1 - this.paddingTop - this.paddingBottom);
+      this.lineWidth = this.availableHeight * this.options.lineWidth;
+      this.radius = (this.availableHeight - this.lineWidth / 2) / (1.0 + this.extraPadding);
       this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
-      this.render();
       ref = this.gp;
@@ -506,4 +514,3 @@ for (j = 0, len = ref.length; j < len; j++) {
     Gauge.prototype.set = function(value) {
-      var i, j, k, len, max_hit, ref, val;
-      this.displayedValue = this.minValue;
+      var gp, i, j, k, len, ref, val;
       if (!(value instanceof Array)) {
@@ -514,15 +521,28 @@ value = [value];
         for (i = j = 0, ref = value.length - this.gp.length; 0 <= ref ? j < ref : j > ref; i = 0 <= ref ? ++j : --j) {
-          this.gp.push(new GaugePointer(this));
+          gp = new GaugePointer(this);
+          gp.setOptions(this.options.pointer);
+          this.gp.push(gp);
         }
+      } else if (value.length < this.gp.length) {
+        this.gp = this.gp.slice(this.gp.length - value.length);
       }
       i = 0;
-      max_hit = false;
       for (k = 0, len = value.length; k < len; k++) {
         val = value[k];
         if (val > this.maxValue) {
-          this.maxValue = this.value * 1.1;
-          max_hit = true;
+          if (this.options.limitMax) {
+            val = this.maxValue;
+          } else {
+            this.maxValue = val + 1;
+          }
+        } else if (val < this.minValue) {
+          if (this.options.limitMin) {
+            val = this.minValue;
+          } else {
+            this.minValue = val - 1;
+          }
         }
         this.gp[i].value = val;
         this.gp[i++].setOptions({
+          minValue: this.minValue,
           maxValue: this.maxValue,
@@ -532,10 +552,5 @@ angle: this.options.angle
       }
-      this.value = value[value.length - 1];
-      if (max_hit) {
-        if (!this.options.limitMax) {
-          return AnimationUpdater.run();
-        }
-      } else {
-        return AnimationUpdater.run();
-      }
+      this.value = Math.max(Math.min(value[value.length - 1], this.maxValue), this.minValue);
+      AnimationUpdater.run(this.forceUpdate);
+      return this.forceUpdate = false;
     };
@@ -556,3 +571,3 @@
             if (grad === true) {
-              startColor = this.percentColors[i - 1];
+              startColor = this.percentColors[i - 1] || this.percentColors[0];
               endColor = this.percentColors[i];
@@ -581,6 +596,32 @@ rangePct = (pct - startColor.pct) / (endColor.pct - startColor.pct);
 
+    Gauge.prototype.renderStaticLabels = function(staticLabels, w, h, radius) {
+      var font, fontsize, j, len, match, re, ref, rest, rotationAngle, value;
+      this.ctx.save();
+      this.ctx.translate(w, h);
+      font = staticLabels.font || "10px Times";
+      re = /\d+\.?\d?/;
+      match = font.match(re)[0];
+      rest = font.slice(match.length);
+      fontsize = parseFloat(match) * this.displayScale;
+      this.ctx.font = fontsize + rest;
+      this.ctx.fillStyle = staticLabels.color || "#000000";
+      this.ctx.textBaseline = "bottom";
+      this.ctx.textAlign = "center";
+      ref = staticLabels.labels;
+      for (j = 0, len = ref.length; j < len; j++) {
+        value = ref[j];
+        if ((!this.options.limitMin || value >= this.minValue) && (!this.options.limitMax || value <= this.maxValue)) {
+          rotationAngle = this.getAngle(value) - 3 * Math.PI / 2;
+          this.ctx.rotate(rotationAngle);
+          this.ctx.fillText(formatNumber(value, staticLabels.fractionDigits), 0, -radius - this.lineWidth / 2);
+          this.ctx.rotate(-rotationAngle);
+        }
+      }
+      return this.ctx.restore();
+    };
+
     Gauge.prototype.render = function() {
-      var displayedAngle, fillStyle, gauge, h, j, len, ref, results, w;
+      var displayedAngle, fillStyle, gauge, h, j, k, len, len1, max, min, radius, ref, ref1, w, zone;
       w = this.canvas.width / 2;
-      h = this.canvas.height * (1 - this.paddingBottom);
+      h = this.canvas.height * this.paddingTop + this.availableHeight - (this.radius + this.lineWidth / 2) * this.extraPadding;
       displayedAngle = this.getAngle(this.displayedValue);
@@ -591,33 +632,60 @@ if (this.textField) {
       this.ctx.lineCap = "butt";
-      if (this.options.customFillStyle !== void 0) {
-        fillStyle = this.options.customFillStyle(this);
-      } else if (this.percentColors !== null) {
-        fillStyle = this.getColorForValue(this.displayedValue, true);
-      } else if (this.options.colorStop !== void 0) {
-        if (this.options.gradientType === 0) {
-          fillStyle = this.ctx.createRadialGradient(w, h, 9, w, h, 70);
+      radius = this.radius * this.options.radiusScale;
+      if (this.options.staticLabels) {
+        this.renderStaticLabels(this.options.staticLabels, w, h, radius);
+      }
+      if (this.options.staticZones) {
+        this.ctx.save();
+        this.ctx.translate(w, h);
+        this.ctx.lineWidth = this.lineWidth;
+        ref = this.options.staticZones;
+        for (j = 0, len = ref.length; j < len; j++) {
+          zone = ref[j];
+          min = zone.min;
+          if (this.options.limitMin && min < this.minValue) {
+            min = this.minValue;
+          }
+          max = zone.max;
+          if (this.options.limitMax && max > this.maxValue) {
+            max = this.maxValue;
+          }
+          this.ctx.strokeStyle = zone.strokeStyle;
+          this.ctx.beginPath();
+          this.ctx.arc(0, 0, radius, this.getAngle(min), this.getAngle(max), false);
+          this.ctx.stroke();
+        }
+        this.ctx.restore();
+      } else {
+        if (this.options.customFillStyle !== void 0) {
+          fillStyle = this.options.customFillStyle(this);
+        } else if (this.percentColors !== null) {
+          fillStyle = this.getColorForValue(this.displayedValue, true);
+        } else if (this.options.colorStop !== void 0) {
+          if (this.options.gradientType === 0) {
+            fillStyle = this.ctx.createRadialGradient(w, h, 9, w, h, 70);
+          } else {
+            fillStyle = this.ctx.createLinearGradient(0, 0, w, 0);
+          }
+          fillStyle.addColorStop(0, this.options.colorStart);
+          fillStyle.addColorStop(1, this.options.colorStop);
         } else {
-          fillStyle = this.ctx.createLinearGradient(0, 0, w, 0);
+          fillStyle = this.options.colorStart;
         }
-        fillStyle.addColorStop(0, this.options.colorStart);
-        fillStyle.addColorStop(1, this.options.colorStop);
-      } else {
-        fillStyle = this.options.colorStart;
+        this.ctx.strokeStyle = fillStyle;
+        this.ctx.beginPath();
+        this.ctx.arc(w, h, radius, (1 + this.options.angle) * Math.PI, displayedAngle, false);
+        this.ctx.lineWidth = this.lineWidth;
+        this.ctx.stroke();
+        this.ctx.strokeStyle = this.options.strokeColor;
+        this.ctx.beginPath();
+        this.ctx.arc(w, h, radius, displayedAngle, (2 - this.options.angle) * Math.PI, false);
+        this.ctx.stroke();
       }
-      this.ctx.strokeStyle = fillStyle;
-      this.ctx.beginPath();
-      this.ctx.arc(w, h, this.radius, (1 + this.options.angle) * Math.PI, displayedAngle, false);
-      this.ctx.lineWidth = this.lineWidth;
-      this.ctx.stroke();
-      this.ctx.strokeStyle = this.options.strokeColor;
-      this.ctx.beginPath();
-      this.ctx.arc(w, h, this.radius, displayedAngle, (2 - this.options.angle) * Math.PI, false);
-      this.ctx.stroke();
-      ref = this.gp;
-      results = [];
-      for (j = 0, len = ref.length; j < len; j++) {
-        gauge = ref[j];
-        results.push(gauge.update(true));
+      this.ctx.translate(w, h);
+      ref1 = this.gp;
+      for (k = 0, len1 = ref1.length; k < len1; k++) {
+        gauge = ref1[k];
+        gauge.update(true);
       }
-      return results;
+      return this.ctx.translate(-w, -h);
     };
@@ -648,3 +716,4 @@
       shadowColor: "#d5d5d5",
-      angle: 0.35
+      angle: 0.35,
+      radiusScale: 1.0
     };
@@ -673,3 +742,3 @@
       this.lineWidth = this.canvas.height * this.options.lineWidth;
-      this.radius = this.canvas.height / 2 - this.lineWidth / 2;
+      this.radius = this.options.radiusScale * (this.canvas.height / 2 - this.lineWidth / 2);
       return this;
@@ -766,4 +835,7 @@ };
     },
-    run: function() {
+    run: function(force) {
       var animationFinished, elem, j, len, ref;
+      if (force == null) {
+        force = false;
+      }
       animationFinished = true;
@@ -773,3 +845,3 @@ ref = AnimationUpdater.elements;
         elem = ref[j];
-        if (elem.update()) {
+        if (elem.update(force === true)) {
           animationFinished = false;
@@ -776,0 +848,0 @@ }

dist/gauge.min.js

@@ -1,1 +0,1 @@
-(function(){var a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q={}.hasOwnProperty,r=function(a,b){function c(){this.constructor=a}for(var d in b)q.call(b,d)&&(a[d]=b[d]);return c.prototype=b.prototype,a.prototype=new c,a.__super__=b.prototype,a};!function(){var a,b,c,d,e,f,g;for(g=["ms","moz","webkit","o"],c=0,e=g.length;e>c&&(f=g[c],!window.requestAnimationFrame);c++)window.requestAnimationFrame=window[f+"RequestAnimationFrame"],window.cancelAnimationFrame=window[f+"CancelAnimationFrame"]||window[f+"CancelRequestAnimationFrame"];return a=null,d=0,b={},requestAnimationFrame?window.cancelAnimationFrame?void 0:(a=window.requestAnimationFrame,window.requestAnimationFrame=function(c,e){var f;return f=++d,a(function(){return b[f]?void 0:c()},e),f},window.cancelAnimationFrame=function(a){return b[a]=!0}):(window.requestAnimationFrame=function(a,b){var c,d,e,f;return c=(new Date).getTime(),f=Math.max(0,16-(c-e)),d=window.setTimeout(function(){return a(c+f)},f),e=c+f,d},window.cancelAnimationFrame=function(a){return clearTimeout(a)})}(),String.prototype.hashCode=function(){var a,b,c,d,e;if(b=0,0===this.length)return b;for(c=d=0,e=this.length;e>=0?e>d:d>e;c=e>=0?++d:--d)a=this.charCodeAt(c),b=(b<<5)-b+a,b&=b;return b},o=function(a){var b,c;for(b=Math.floor(a/3600),c=Math.floor((a-3600*b)/60),a-=3600*b+60*c,a+="",c+="";c.length<2;)c="0"+c;for(;a.length<2;)a="0"+a;return b=b?b+":":"",b+c+":"+a},m=function(a){return k(a.toFixed(0))},p=function(a,b){var c,d;for(c in b)q.call(b,c)&&(d=b[c],a[c]=d);return a},n=function(a,b){var c,d,e;d={};for(c in a)q.call(a,c)&&(e=a[c],d[c]=e);for(c in b)q.call(b,c)&&(e=b[c],d[c]=e);return d},k=function(a){var b,c,d,e;for(a+="",c=a.split("."),d=c[0],e="",c.length>1&&(e="."+c[1]),b=/(\d+)(\d{3})/;b.test(d);)d=d.replace(b,"$1,$2");return d+e},l=function(a){return"#"===a.charAt(0)?a.substring(1,7):a},j=function(){function a(a,b){null==a&&(a=!0),this.clear=null!=b?b:!0,a&&AnimationUpdater.add(this)}return a.prototype.animationSpeed=32,a.prototype.update=function(a){var b;return null==a&&(a=!1),a||this.displayedValue!==this.value?(this.ctx&&this.clear&&this.ctx.clearRect(0,0,this.canvas.width,this.canvas.height),b=this.value-this.displayedValue,Math.abs(b/this.animationSpeed)<=.001?this.displayedValue=this.value:this.displayedValue=this.displayedValue+b/this.animationSpeed,this.render(),!0):!1},a}(),e=function(a){function b(){return b.__super__.constructor.apply(this,arguments)}return r(b,a),b.prototype.displayScale=1,b.prototype.setTextField=function(a){return this.textField=a instanceof i?a:new i(a)},b.prototype.setMinValue=function(a,b){var c,d,e,f,g;if(this.minValue=a,null==b&&(b=!0),b){for(this.displayedValue=this.minValue,f=this.gp||[],g=[],d=0,e=f.length;e>d;d++)c=f[d],g.push(c.displayedValue=this.minValue);return g}},b.prototype.setOptions=function(a){return null==a&&(a=null),this.options=n(this.options,a),this.textField&&(this.textField.el.style.fontSize=a.fontSize+"px"),this.options.angle>.5&&(this.gauge.options.angle=.5),this.configDisplayScale(),this},b.prototype.configDisplayScale=function(){var a,b,c,d,e;return d=this.displayScale,this.options.highDpiSupport===!1?delete this.displayScale:(b=window.devicePixelRatio||1,a=this.ctx.webkitBackingStorePixelRatio||this.ctx.mozBackingStorePixelRatio||this.ctx.msBackingStorePixelRatio||this.ctx.oBackingStorePixelRatio||this.ctx.backingStorePixelRatio||1,this.displayScale=b/a),this.displayScale!==d&&(e=this.canvas.G__width||this.canvas.width,c=this.canvas.G__height||this.canvas.height,this.canvas.width=e*this.displayScale,this.canvas.height=c*this.displayScale,this.canvas.style.width=e+"px",this.canvas.style.height=c+"px",this.canvas.G__width=e,this.canvas.G__height=c),this},b}(j),i=function(){function a(a){this.el=a}return a.prototype.render=function(a){return this.el.innerHTML=m(a.displayedValue)},a}(),a=function(a){function b(a,b){this.elem=a,this.text=null!=b?b:!1,this.value=1*this.elem.innerHTML,this.text&&(this.value=0)}return r(b,a),b.prototype.displayedValue=0,b.prototype.value=0,b.prototype.setVal=function(a){return this.value=1*a},b.prototype.render=function(){var a;return a=this.text?o(this.displayedValue.toFixed(0)):k(m(this.displayedValue)),this.elem.innerHTML=a},b}(j),b={create:function(b){var c,d,e,f;for(f=[],d=0,e=b.length;e>d;d++)c=b[d],f.push(new a(c));return f}},h=function(a){function b(a){this.gauge=a,this.ctx=this.gauge.ctx,this.canvas=this.gauge.canvas,b.__super__.constructor.call(this,!1,!1),this.setOptions()}return r(b,a),b.prototype.displayedValue=0,b.prototype.value=0,b.prototype.options={strokeWidth:.035,length:.1,color:"#000000"},b.prototype.setOptions=function(a){return null==a&&(a=null),p(this.options,a),this.length=this.canvas.height*this.options.length,this.strokeWidth=this.canvas.height*this.options.strokeWidth,this.maxValue=this.gauge.maxValue,this.minValue=this.gauge.minValue,this.displayedValue=this.gauge.minValue,this.animationSpeed=this.gauge.animationSpeed,this.options.angle=this.gauge.options.angle},b.prototype.render=function(){var a,b,c,d,e,f,g,h,i;return a=this.gauge.getAngle.call(this,this.displayedValue),b=this.canvas.width/2,c=.9*this.canvas.height,h=Math.round(b+this.length*Math.cos(a)),i=Math.round(c+this.length*Math.sin(a)),f=Math.round(b+this.strokeWidth*Math.cos(a-Math.PI/2)),g=Math.round(c+this.strokeWidth*Math.sin(a-Math.PI/2)),d=Math.round(b+this.strokeWidth*Math.cos(a+Math.PI/2)),e=Math.round(c+this.strokeWidth*Math.sin(a+Math.PI/2)),this.ctx.fillStyle=this.options.color,this.ctx.beginPath(),this.ctx.arc(b,c,this.strokeWidth,0,2*Math.PI,!0),this.ctx.fill(),this.ctx.beginPath(),this.ctx.moveTo(f,g),this.ctx.lineTo(h,i),this.ctx.lineTo(d,e),this.ctx.fill()},b}(j),c=function(){function a(a){this.elem=a}return a.prototype.updateValues=function(a){return this.value=a[0],this.maxValue=a[1],this.avgValue=a[2],this.render()},a.prototype.render=function(){var a,b;return this.textField&&this.textField.text(m(this.value)),0===this.maxValue&&(this.maxValue=2*this.avgValue),b=this.value/this.maxValue*100,a=this.avgValue/this.maxValue*100,$(".bar-value",this.elem).css({width:b+"%"}),$(".typical-value",this.elem).css({width:a+"%"})},a}(),g=function(a){function b(a){this.canvas=a,b.__super__.constructor.call(this),this.percentColors=null,"undefined"!=typeof G_vmlCanvasManager&&(this.canvas=window.G_vmlCanvasManager.initElement(this.canvas)),this.ctx=this.canvas.getContext("2d"),this.gp=[new h(this)],this.setOptions(),this.render()}return r(b,a),b.prototype.elem=null,b.prototype.value=[20],b.prototype.maxValue=80,b.prototype.minValue=0,b.prototype.displayedAngle=0,b.prototype.displayedValue=0,b.prototype.lineWidth=40,b.prototype.paddingBottom=.1,b.prototype.percentColors=null,b.prototype.options={colorStart:"#6fadcf",colorStop:void 0,gradientType:0,strokeColor:"#e0e0e0",pointer:{length:.8,strokeWidth:.035},angle:.15,lineWidth:.44,fontSize:40,limitMax:!1},b.prototype.setOptions=function(a){var c,d,e,f;for(null==a&&(a=null),b.__super__.setOptions.call(this,a),this.configPercentColors(),this.lineWidth=this.canvas.height*(1-this.paddingBottom)*this.options.lineWidth,this.radius=this.canvas.height*(1-this.paddingBottom)-this.lineWidth,this.ctx.clearRect(0,0,this.canvas.width,this.canvas.height),this.render(),f=this.gp,d=0,e=f.length;e>d;d++)c=f[d],c.setOptions(this.options.pointer),c.render();return this},b.prototype.configPercentColors=function(){var a,b,c,d,e,f,g;if(this.percentColors=null,void 0!==this.options.percentColors){for(this.percentColors=new Array,f=[],c=d=0,e=this.options.percentColors.length-1;e>=0?e>=d:d>=e;c=e>=0?++d:--d)g=parseInt(l(this.options.percentColors[c][1]).substring(0,2),16),b=parseInt(l(this.options.percentColors[c][1]).substring(2,4),16),a=parseInt(l(this.options.percentColors[c][1]).substring(4,6),16),f.push(this.percentColors[c]={pct:this.options.percentColors[c][0],color:{r:g,g:b,b:a}});return f}},b.prototype.set=function(a){var b,c,d,e,f,g,i;if(this.displayedValue=this.minValue,a instanceof Array||(a=[a]),a.length>this.gp.length)for(b=c=0,g=a.length-this.gp.length;g>=0?g>c:c>g;b=g>=0?++c:--c)this.gp.push(new h(this));for(b=0,f=!1,d=0,e=a.length;e>d;d++)i=a[d],i>this.maxValue&&(this.maxValue=1.1*this.value,f=!0),this.gp[b].value=i,this.gp[b++].setOptions({maxValue:this.maxValue,angle:this.options.angle});return this.value=a[a.length-1],f&&this.options.limitMax?void 0:AnimationUpdater.run()},b.prototype.getAngle=function(a){return(1+this.options.angle)*Math.PI+(a-this.minValue)/(this.maxValue-this.minValue)*(1-2*this.options.angle)*Math.PI},b.prototype.getColorForPercentage=function(a,b){var c,d,e,f,g,h,i;if(0===a)c=this.percentColors[0].color;else for(c=this.percentColors[this.percentColors.length-1].color,e=f=0,h=this.percentColors.length-1;h>=0?h>=f:f>=h;e=h>=0?++f:--f)if(a<=this.percentColors[e].pct){b===!0?(i=this.percentColors[e-1],d=this.percentColors[e],g=(a-i.pct)/(d.pct-i.pct),c={r:Math.floor(i.color.r*(1-g)+d.color.r*g),g:Math.floor(i.color.g*(1-g)+d.color.g*g),b:Math.floor(i.color.b*(1-g)+d.color.b*g)}):c=this.percentColors[e].color;break}return"rgb("+[c.r,c.g,c.b].join(",")+")"},b.prototype.getColorForValue=function(a,b){var c;return c=(a-this.minValue)/(this.maxValue-this.minValue),this.getColorForPercentage(c,b)},b.prototype.render=function(){var a,b,c,d,e,f,g,h,i;for(i=this.canvas.width/2,d=this.canvas.height*(1-this.paddingBottom),a=this.getAngle(this.displayedValue),this.textField&&this.textField.render(this),this.ctx.lineCap="butt",void 0!==this.options.customFillStyle?b=this.options.customFillStyle(this):null!==this.percentColors?b=this.getColorForValue(this.displayedValue,!0):void 0!==this.options.colorStop?(b=0===this.options.gradientType?this.ctx.createRadialGradient(i,d,9,i,d,70):this.ctx.createLinearGradient(0,0,i,0),b.addColorStop(0,this.options.colorStart),b.addColorStop(1,this.options.colorStop)):b=this.options.colorStart,this.ctx.strokeStyle=b,this.ctx.beginPath(),this.ctx.arc(i,d,this.radius,(1+this.options.angle)*Math.PI,a,!1),this.ctx.lineWidth=this.lineWidth,this.ctx.stroke(),this.ctx.strokeStyle=this.options.strokeColor,this.ctx.beginPath(),this.ctx.arc(i,d,this.radius,a,(2-this.options.angle)*Math.PI,!1),this.ctx.stroke(),g=this.gp,h=[],e=0,f=g.length;f>e;e++)c=g[e],h.push(c.update(!0));return h},b}(e),d=function(a){function b(a){this.canvas=a,b.__super__.constructor.call(this),"undefined"!=typeof G_vmlCanvasManager&&(this.canvas=window.G_vmlCanvasManager.initElement(this.canvas)),this.ctx=this.canvas.getContext("2d"),this.setOptions(),this.render()}return r(b,a),b.prototype.lineWidth=15,b.prototype.displayedValue=0,b.prototype.value=33,b.prototype.maxValue=80,b.prototype.minValue=0,b.prototype.options={lineWidth:.1,colorStart:"#6f6ea0",colorStop:"#c0c0db",strokeColor:"#eeeeee",shadowColor:"#d5d5d5",angle:.35},b.prototype.getAngle=function(a){return(1-this.options.angle)*Math.PI+(a-this.minValue)/(this.maxValue-this.minValue)*(2+this.options.angle-(1-this.options.angle))*Math.PI},b.prototype.setOptions=function(a){return null==a&&(a=null),b.__super__.setOptions.call(this,a),this.lineWidth=this.canvas.height*this.options.lineWidth,this.radius=this.canvas.height/2-this.lineWidth/2,this},b.prototype.set=function(a){return this.value=a,this.value>this.maxValue&&(this.maxValue=1.1*this.value),AnimationUpdater.run()},b.prototype.render=function(){var a,b,c,d,e,f;return a=this.getAngle(this.displayedValue),f=this.canvas.width/2,c=this.canvas.height/2,this.textField&&this.textField.render(this),b=this.ctx.createRadialGradient(f,c,39,f,c,70),b.addColorStop(0,this.options.colorStart),b.addColorStop(1,this.options.colorStop),d=this.radius-this.lineWidth/2,e=this.radius+this.lineWidth/2,this.ctx.strokeStyle=this.options.strokeColor,this.ctx.beginPath(),this.ctx.arc(f,c,this.radius,(1-this.options.angle)*Math.PI,(2+this.options.angle)*Math.PI,!1),this.ctx.lineWidth=this.lineWidth,this.ctx.lineCap="round",this.ctx.stroke(),this.ctx.strokeStyle=b,this.ctx.beginPath(),this.ctx.arc(f,c,this.radius,(1-this.options.angle)*Math.PI,a,!1),this.ctx.stroke()},b}(e),f=function(a){function b(){return b.__super__.constructor.apply(this,arguments)}return r(b,a),b.prototype.strokeGradient=function(a,b,c,d){var e;return e=this.ctx.createRadialGradient(a,b,c,a,b,d),e.addColorStop(0,this.options.shadowColor),e.addColorStop(.12,this.options._orgStrokeColor),e.addColorStop(.88,this.options._orgStrokeColor),e.addColorStop(1,this.options.shadowColor),e},b.prototype.setOptions=function(a){var c,d,e,f;return null==a&&(a=null),b.__super__.setOptions.call(this,a),f=this.canvas.width/2,c=this.canvas.height/2,d=this.radius-this.lineWidth/2,e=this.radius+this.lineWidth/2,this.options._orgStrokeColor=this.options.strokeColor,this.options.strokeColor=this.strokeGradient(f,c,d,e),this},b}(d),window.AnimationUpdater={elements:[],animId:null,addAll:function(a){var b,c,d,e;for(e=[],c=0,d=a.length;d>c;c++)b=a[c],e.push(AnimationUpdater.elements.push(b));return e},add:function(a){return AnimationUpdater.elements.push(a)},run:function(){var a,b,c,d,e;for(a=!0,e=AnimationUpdater.elements,c=0,d=e.length;d>c;c++)b=e[c],b.update()&&(a=!1);return a?cancelAnimationFrame(AnimationUpdater.animId):AnimationUpdater.animId=requestAnimationFrame(AnimationUpdater.run)}},"function"==typeof window.define&&null!=window.define.amd?define(function(){return{Gauge:g,Donut:f,BaseDonut:d,TextRenderer:i}}):"undefined"!=typeof module&&null!=module.exports?module.exports={Gauge:g,Donut:f,BaseDonut:d,TextRenderer:i}:(window.Gauge=g,window.Donut=f,window.BaseDonut=d,window.TextRenderer=i)}).call(this);
+(function(){var a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p=[].slice,q={}.hasOwnProperty,r=function(a,b){function d(){this.constructor=a}for(var c in b)q.call(b,c)&&(a[c]=b[c]);return d.prototype=b.prototype,a.prototype=new d,a.__super__=b.prototype,a};!function(){var a,b,c,d,e,f,g;for(g=["ms","moz","webkit","o"],c=0,e=g.length;c<e&&(f=g[c],!window.requestAnimationFrame);c++)window.requestAnimationFrame=window[f+"RequestAnimationFrame"],window.cancelAnimationFrame=window[f+"CancelAnimationFrame"]||window[f+"CancelRequestAnimationFrame"];return a=null,d=0,b={},requestAnimationFrame?window.cancelAnimationFrame?void 0:(a=window.requestAnimationFrame,window.requestAnimationFrame=function(c,e){var f;return f=++d,a(function(){if(!b[f])return c()},e),f},window.cancelAnimationFrame=function(a){return b[a]=!0}):(window.requestAnimationFrame=function(a,b){var c,d,e,f;return c=(new Date).getTime(),f=Math.max(0,16-(c-e)),d=window.setTimeout(function(){return a(c+f)},f),e=c+f,d},window.cancelAnimationFrame=function(a){return clearTimeout(a)})}(),String.prototype.hashCode=function(){var a,b,c,d,e;if(b=0,0===this.length)return b;for(c=d=0,e=this.length;0<=e?d<e:d>e;c=0<=e?++d:--d)a=this.charCodeAt(c),b=(b<<5)-b+a,b&=b;return b},o=function(a){var b,c;for(b=Math.floor(a/3600),c=Math.floor((a-3600*b)/60),a-=3600*b+60*c,a+="",c+="";c.length<2;)c="0"+c;for(;a.length<2;)a="0"+a;return b=b?b+":":"",b+c+":"+a},m=function(){var a,b,c;return b=1<=arguments.length?p.call(arguments,0):[],c=b[0],a=b[1],k(c.toFixed(a))},n=function(a,b){var c,d,e;d={};for(c in a)q.call(a,c)&&(e=a[c],d[c]=e);for(c in b)q.call(b,c)&&(e=b[c],d[c]=e);return d},k=function(a){var b,c,d,e;for(a+="",c=a.split("."),d=c[0],e="",c.length>1&&(e="."+c[1]),b=/(\d+)(\d{3})/;b.test(d);)d=d.replace(b,"$1,$2");return d+e},l=function(a){return"#"===a.charAt(0)?a.substring(1,7):a},j=function(){function a(a,b){null==a&&(a=!0),this.clear=null==b||b,a&&AnimationUpdater.add(this)}return a.prototype.animationSpeed=32,a.prototype.update=function(a){var b;return null==a&&(a=!1),!(!a&&this.displayedValue===this.value)&&(this.ctx&&this.clear&&this.ctx.clearRect(0,0,this.canvas.width,this.canvas.height),b=this.value-this.displayedValue,Math.abs(b/this.animationSpeed)<=.001?this.displayedValue=this.value:this.displayedValue=this.displayedValue+b/this.animationSpeed,this.render(),!0)},a}(),e=function(a){function b(){return b.__super__.constructor.apply(this,arguments)}return r(b,a),b.prototype.displayScale=1,b.prototype.setTextField=function(a,b){return this.textField=a instanceof i?a:new i(a,b)},b.prototype.setMinValue=function(a,b){var c,d,e,f,g;if(this.minValue=a,null==b&&(b=!0),b){for(this.displayedValue=this.minValue,f=this.gp||[],g=[],d=0,e=f.length;d<e;d++)c=f[d],g.push(c.displayedValue=this.minValue);return g}},b.prototype.setOptions=function(a){return null==a&&(a=null),this.options=n(this.options,a),this.textField&&(this.textField.el.style.fontSize=a.fontSize+"px"),this.options.angle>.5&&(this.options.angle=.5),this.configDisplayScale(),this},b.prototype.configDisplayScale=function(){var a,b,c,d,e;return d=this.displayScale,this.options.highDpiSupport===!1?delete this.displayScale:(b=window.devicePixelRatio||1,a=this.ctx.webkitBackingStorePixelRatio||this.ctx.mozBackingStorePixelRatio||this.ctx.msBackingStorePixelRatio||this.ctx.oBackingStorePixelRatio||this.ctx.backingStorePixelRatio||1,this.displayScale=b/a),this.displayScale!==d&&(e=this.canvas.G__width||this.canvas.width,c=this.canvas.G__height||this.canvas.height,this.canvas.width=e*this.displayScale,this.canvas.height=c*this.displayScale,this.canvas.style.width=e+"px",this.canvas.style.height=c+"px",this.canvas.G__width=e,this.canvas.G__height=c),this},b}(j),i=function(){function a(a,b){this.el=a,this.fractionDigits=b}return a.prototype.render=function(a){return this.el.innerHTML=m(a.displayedValue,this.fractionDigits)},a}(),a=function(a){function b(a,b){this.elem=a,this.text=null!=b&&b,this.value=1*this.elem.innerHTML,this.text&&(this.value=0)}return r(b,a),b.prototype.displayedValue=0,b.prototype.value=0,b.prototype.setVal=function(a){return this.value=1*a},b.prototype.render=function(){var a;return a=this.text?o(this.displayedValue.toFixed(0)):k(m(this.displayedValue)),this.elem.innerHTML=a},b}(j),b={create:function(b){var c,d,e,f;for(f=[],d=0,e=b.length;d<e;d++)c=b[d],f.push(new a(c));return f}},h=function(a){function b(a){this.gauge=a,this.ctx=this.gauge.ctx,this.canvas=this.gauge.canvas,b.__super__.constructor.call(this,!1,!1),this.setOptions()}return r(b,a),b.prototype.displayedValue=0,b.prototype.value=0,b.prototype.options={strokeWidth:.035,length:.1,color:"#000000"},b.prototype.setOptions=function(a){return null==a&&(a=null),this.options=n(this.options,a),this.length=2*this.gauge.radius*this.gauge.options.radiusScale*this.options.length,this.strokeWidth=this.canvas.height*this.options.strokeWidth,this.maxValue=this.gauge.maxValue,this.minValue=this.gauge.minValue,this.animationSpeed=this.gauge.animationSpeed,this.options.angle=this.gauge.options.angle},b.prototype.render=function(){var a,b,c,d,e,f,g;return a=this.gauge.getAngle.call(this,this.displayedValue),f=Math.round(this.length*Math.cos(a)),g=Math.round(this.length*Math.sin(a)),d=Math.round(this.strokeWidth*Math.cos(a-Math.PI/2)),e=Math.round(this.strokeWidth*Math.sin(a-Math.PI/2)),b=Math.round(this.strokeWidth*Math.cos(a+Math.PI/2)),c=Math.round(this.strokeWidth*Math.sin(a+Math.PI/2)),this.ctx.fillStyle=this.options.color,this.ctx.beginPath(),this.ctx.arc(0,0,this.strokeWidth,0,2*Math.PI,!0),this.ctx.fill(),this.ctx.beginPath(),this.ctx.moveTo(d,e),this.ctx.lineTo(f,g),this.ctx.lineTo(b,c),this.ctx.fill()},b}(j),c=function(){function a(a){this.elem=a}return a.prototype.updateValues=function(a){return this.value=a[0],this.maxValue=a[1],this.avgValue=a[2],this.render()},a.prototype.render=function(){var a,b;return this.textField&&this.textField.text(m(this.value)),0===this.maxValue&&(this.maxValue=2*this.avgValue),b=this.value/this.maxValue*100,a=this.avgValue/this.maxValue*100,$(".bar-value",this.elem).css({width:b+"%"}),$(".typical-value",this.elem).css({width:a+"%"})},a}(),g=function(a){function b(a){var c,d;this.canvas=a,b.__super__.constructor.call(this),this.percentColors=null,this.forceUpdate=!0,"undefined"!=typeof G_vmlCanvasManager&&(this.canvas=window.G_vmlCanvasManager.initElement(this.canvas)),this.ctx=this.canvas.getContext("2d"),c=this.canvas.clientHeight,d=this.canvas.clientWidth,this.canvas.height=c,this.canvas.width=d,this.gp=[new h(this)],this.setOptions(),this.render()}return r(b,a),b.prototype.elem=null,b.prototype.value=[20],b.prototype.maxValue=80,b.prototype.minValue=0,b.prototype.displayedAngle=0,b.prototype.displayedValue=0,b.prototype.lineWidth=40,b.prototype.paddingTop=.1,b.prototype.paddingBottom=.1,b.prototype.percentColors=null,b.prototype.options={colorStart:"#6fadcf",colorStop:void 0,gradientType:0,strokeColor:"#e0e0e0",pointer:{length:.8,strokeWidth:.035},angle:.15,lineWidth:.44,radiusScale:1,fontSize:40,limitMax:!1,limitMin:!1},b.prototype.setOptions=function(a){var c,d,e,f,g;for(null==a&&(a=null),b.__super__.setOptions.call(this,a),this.configPercentColors(),this.extraPadding=0,this.options.angle<0&&(f=Math.PI*(1+this.options.angle),this.extraPadding=Math.sin(f)),this.availableHeight=this.canvas.height*(1-this.paddingTop-this.paddingBottom),this.lineWidth=this.availableHeight*this.options.lineWidth,this.radius=(this.availableHeight-this.lineWidth/2)/(1+this.extraPadding),this.ctx.clearRect(0,0,this.canvas.width,this.canvas.height),g=this.gp,d=0,e=g.length;d<e;d++)c=g[d],c.setOptions(this.options.pointer),c.render();return this},b.prototype.configPercentColors=function(){var a,b,c,d,e,f,g;if(this.percentColors=null,void 0!==this.options.percentColors){for(this.percentColors=new Array,f=[],c=d=0,e=this.options.percentColors.length-1;0<=e?d<=e:d>=e;c=0<=e?++d:--d)g=parseInt(l(this.options.percentColors[c][1]).substring(0,2),16),b=parseInt(l(this.options.percentColors[c][1]).substring(2,4),16),a=parseInt(l(this.options.percentColors[c][1]).substring(4,6),16),f.push(this.percentColors[c]={pct:this.options.percentColors[c][0],color:{r:g,g:b,b:a}});return f}},b.prototype.set=function(a){var b,c,d,e,f,g,i;if(a instanceof Array||(a=[a]),a.length>this.gp.length)for(c=d=0,g=a.length-this.gp.length;0<=g?d<g:d>g;c=0<=g?++d:--d)b=new h(this),b.setOptions(this.options.pointer),this.gp.push(b);else a.length<this.gp.length&&(this.gp=this.gp.slice(this.gp.length-a.length));for(c=0,e=0,f=a.length;e<f;e++)i=a[e],i>this.maxValue?this.options.limitMax?i=this.maxValue:this.maxValue=i+1:i<this.minValue&&(this.options.limitMin?i=this.minValue:this.minValue=i-1),this.gp[c].value=i,this.gp[c++].setOptions({minValue:this.minValue,maxValue:this.maxValue,angle:this.options.angle});return this.value=Math.max(Math.min(a[a.length-1],this.maxValue),this.minValue),AnimationUpdater.run(this.forceUpdate),this.forceUpdate=!1},b.prototype.getAngle=function(a){return(1+this.options.angle)*Math.PI+(a-this.minValue)/(this.maxValue-this.minValue)*(1-2*this.options.angle)*Math.PI},b.prototype.getColorForPercentage=function(a,b){var c,d,e,f,g,h,i;if(0===a)c=this.percentColors[0].color;else for(c=this.percentColors[this.percentColors.length-1].color,e=f=0,h=this.percentColors.length-1;0<=h?f<=h:f>=h;e=0<=h?++f:--f)if(a<=this.percentColors[e].pct){b===!0?(i=this.percentColors[e-1]||this.percentColors[0],d=this.percentColors[e],g=(a-i.pct)/(d.pct-i.pct),c={r:Math.floor(i.color.r*(1-g)+d.color.r*g),g:Math.floor(i.color.g*(1-g)+d.color.g*g),b:Math.floor(i.color.b*(1-g)+d.color.b*g)}):c=this.percentColors[e].color;break}return"rgb("+[c.r,c.g,c.b].join(",")+")"},b.prototype.getColorForValue=function(a,b){var c;return c=(a-this.minValue)/(this.maxValue-this.minValue),this.getColorForPercentage(c,b)},b.prototype.renderStaticLabels=function(a,b,c,d){var e,f,g,h,i,j,k,l,n,o;for(this.ctx.save(),this.ctx.translate(b,c),e=a.font||"10px Times",j=/\d+\.?\d?/,i=e.match(j)[0],l=e.slice(i.length),f=parseFloat(i)*this.displayScale,this.ctx.font=f+l,this.ctx.fillStyle=a.color||"#000000",this.ctx.textBaseline="bottom",this.ctx.textAlign="center",k=a.labels,g=0,h=k.length;g<h;g++)o=k[g],(!this.options.limitMin||o>=this.minValue)&&(!this.options.limitMax||o<=this.maxValue)&&(n=this.getAngle(o)-3*Math.PI/2,this.ctx.rotate(n),this.ctx.fillText(m(o,a.fractionDigits),0,-d-this.lineWidth/2),this.ctx.rotate(-n));return this.ctx.restore()},b.prototype.render=function(){var a,b,c,d,e,f,g,h,i,j,k,l,m,n,o;if(n=this.canvas.width/2,d=this.canvas.height*this.paddingTop+this.availableHeight-(this.radius+this.lineWidth/2)*this.extraPadding,a=this.getAngle(this.displayedValue),this.textField&&this.textField.render(this),this.ctx.lineCap="butt",k=this.radius*this.options.radiusScale,this.options.staticLabels&&this.renderStaticLabels(this.options.staticLabels,n,d,k),this.options.staticZones){for(this.ctx.save(),this.ctx.translate(n,d),this.ctx.lineWidth=this.lineWidth,l=this.options.staticZones,e=0,g=l.length;e<g;e++)o=l[e],j=o.min,this.options.limitMin&&j<this.minValue&&(j=this.minValue),i=o.max,this.options.limitMax&&i>this.maxValue&&(i=this.maxValue),this.ctx.strokeStyle=o.strokeStyle,this.ctx.beginPath(),this.ctx.arc(0,0,k,this.getAngle(j),this.getAngle(i),!1),this.ctx.stroke();this.ctx.restore()}else void 0!==this.options.customFillStyle?b=this.options.customFillStyle(this):null!==this.percentColors?b=this.getColorForValue(this.displayedValue,!0):void 0!==this.options.colorStop?(b=0===this.options.gradientType?this.ctx.createRadialGradient(n,d,9,n,d,70):this.ctx.createLinearGradient(0,0,n,0),b.addColorStop(0,this.options.colorStart),b.addColorStop(1,this.options.colorStop)):b=this.options.colorStart,this.ctx.strokeStyle=b,this.ctx.beginPath(),this.ctx.arc(n,d,k,(1+this.options.angle)*Math.PI,a,!1),this.ctx.lineWidth=this.lineWidth,this.ctx.stroke(),this.ctx.strokeStyle=this.options.strokeColor,this.ctx.beginPath(),this.ctx.arc(n,d,k,a,(2-this.options.angle)*Math.PI,!1),this.ctx.stroke();for(this.ctx.translate(n,d),m=this.gp,f=0,h=m.length;f<h;f++)c=m[f],c.update(!0);return this.ctx.translate(-n,-d)},b}(e),d=function(a){function b(a){this.canvas=a,b.__super__.constructor.call(this),"undefined"!=typeof G_vmlCanvasManager&&(this.canvas=window.G_vmlCanvasManager.initElement(this.canvas)),this.ctx=this.canvas.getContext("2d"),this.setOptions(),this.render()}return r(b,a),b.prototype.lineWidth=15,b.prototype.displayedValue=0,b.prototype.value=33,b.prototype.maxValue=80,b.prototype.minValue=0,b.prototype.options={lineWidth:.1,colorStart:"#6f6ea0",colorStop:"#c0c0db",strokeColor:"#eeeeee",shadowColor:"#d5d5d5",angle:.35,radiusScale:1},b.prototype.getAngle=function(a){return(1-this.options.angle)*Math.PI+(a-this.minValue)/(this.maxValue-this.minValue)*(2+this.options.angle-(1-this.options.angle))*Math.PI},b.prototype.setOptions=function(a){return null==a&&(a=null),b.__super__.setOptions.call(this,a),this.lineWidth=this.canvas.height*this.options.lineWidth,this.radius=this.options.radiusScale*(this.canvas.height/2-this.lineWidth/2),this},b.prototype.set=function(a){return this.value=a,this.value>this.maxValue&&(this.maxValue=1.1*this.value),AnimationUpdater.run()},b.prototype.render=function(){var a,b,c,d,e,f;return a=this.getAngle(this.displayedValue),f=this.canvas.width/2,c=this.canvas.height/2,this.textField&&this.textField.render(this),b=this.ctx.createRadialGradient(f,c,39,f,c,70),b.addColorStop(0,this.options.colorStart),b.addColorStop(1,this.options.colorStop),d=this.radius-this.lineWidth/2,e=this.radius+this.lineWidth/2,this.ctx.strokeStyle=this.options.strokeColor,this.ctx.beginPath(),this.ctx.arc(f,c,this.radius,(1-this.options.angle)*Math.PI,(2+this.options.angle)*Math.PI,!1),this.ctx.lineWidth=this.lineWidth,this.ctx.lineCap="round",this.ctx.stroke(),this.ctx.strokeStyle=b,this.ctx.beginPath(),this.ctx.arc(f,c,this.radius,(1-this.options.angle)*Math.PI,a,!1),this.ctx.stroke()},b}(e),f=function(a){function b(){return b.__super__.constructor.apply(this,arguments)}return r(b,a),b.prototype.strokeGradient=function(a,b,c,d){var e;return e=this.ctx.createRadialGradient(a,b,c,a,b,d),e.addColorStop(0,this.options.shadowColor),e.addColorStop(.12,this.options._orgStrokeColor),e.addColorStop(.88,this.options._orgStrokeColor),e.addColorStop(1,this.options.shadowColor),e},b.prototype.setOptions=function(a){var c,d,e,f;return null==a&&(a=null),b.__super__.setOptions.call(this,a),f=this.canvas.width/2,c=this.canvas.height/2,d=this.radius-this.lineWidth/2,e=this.radius+this.lineWidth/2,this.options._orgStrokeColor=this.options.strokeColor,this.options.strokeColor=this.strokeGradient(f,c,d,e),this},b}(d),window.AnimationUpdater={elements:[],animId:null,addAll:function(a){var b,c,d,e;for(e=[],c=0,d=a.length;c<d;c++)b=a[c],e.push(AnimationUpdater.elements.push(b));return e},add:function(a){return AnimationUpdater.elements.push(a)},run:function(a){var b,c,d,e,f;for(null==a&&(a=!1),b=!0,f=AnimationUpdater.elements,d=0,e=f.length;d<e;d++)c=f[d],c.update(a===!0)&&(b=!1);return b?cancelAnimationFrame(AnimationUpdater.animId):AnimationUpdater.animId=requestAnimationFrame(AnimationUpdater.run)}},"function"==typeof window.define&&null!=window.define.amd?define(function(){return{Gauge:g,Donut:f,BaseDonut:d,TextRenderer:i}}):"undefined"!=typeof module&&null!=module.exports?module.exports={Gauge:g,Donut:f,BaseDonut:d,TextRenderer:i}:(window.Gauge=g,window.Donut=f,window.BaseDonut=d,window.TextRenderer=i)}).call(this);

package.json

 {
-  "name": "gaugeJS",
-  "version": "1.2.2",
+  "_args": [
+    [
+      {
+        "raw": "gaugeJS",
+        "scope": null,
+        "escapedName": "gaugeJS",
+        "name": "gaugeJS",
+        "rawSpec": "",
+        "spec": "latest",
+        "type": "tag"
+      },
+      "/Volumes/iGonza"
+    ]
+  ],
+  "_from": "gaugeJS@latest",
+  "_id": "gaugeJS@1.2.2",
+  "_inCache": true,
+  "_installable": true,
+  "_location": "/gaugeJS",
+  "_nodeVersion": "4.4.3",
+  "_npmOperationalInternal": {
+    "host": "packages-16-east.internal.npmjs.com",
+    "tmp": "tmp/gaugeJS-1.2.2.tgz_1469456111180_0.3427234317641705"
+  },
+  "_npmUser": {
+    "name": "gonzaller",
+    "email": "[e-mail]"
+  },
+  "_npmVersion": "2.15.1",
+  "_phantomChildren": {},
+  "_requested": {
+    "raw": "gaugeJS",
+    "scope": null,
+    "escapedName": "gaugeJS",
+    "name": "gaugeJS",
+    "rawSpec": "",
+    "spec": "latest",
+    "type": "tag"
+  },
+  "_requiredBy": [
+    "#USER"
+  ],
+  "_resolved": "https://registry.npmjs.org/gaugeJS/-/gaugeJS-1.2.2.tgz",
+  "_shasum": "5457ee930b1e323383a6466c671d03dcc271547a",
+  "_shrinkwrap": null,
+  "_spec": "gaugeJS",
+  "_where": "/Volumes/iGonza",
+  "author": {
+    "name": "bernii"
+  },
+  "bugs": {
+    "url": "https://github.com/bernii/gauge.js/issues"
+  },
+  "dependencies": {},
   "description": "100% native and cool looking animated JavaScript/CoffeeScript gauge",
+  "devDependencies": {},
+  "directories": {},
+  "dist": {
+    "shasum": "5457ee930b1e323383a6466c671d03dcc271547a",
+    "tarball": "https://registry.npmjs.org/gaugeJS/-/gaugeJS-1.2.2.tgz"
+  },
+  "gitHead": "4c3a90288778e6c5ac0d441d0a291c2486445f2e",
+  "homepage": "https://github.com/bernii/gauge.js#readme",
+  "license": "MIT",
   "main": "dist/gauge.js",
+  "maintainers": [
+    {
+      "name": "gonzaller",
+      "email": "[e-mail]"
+    }
+  ],
+  "name": "gaugeJS",
+  "optionalDependencies": {},
+  "readme": "ERROR: No README data found!",
   "repository": {
     "type": "git",
-    "url": "[e-mail]:bernii/gauge.js.git"
+    "url": "git+ssh://[e-mail]/bernii/gauge.js.git"
   },
-  "author": "bernii",
-  "license": "MIT"
+  "scripts": {},
+  "version": "1.3.2"
 }

README.md

@@ -18,8 +18,7 @@ gauge.js
 var opts = {
-  lines: 12, // The number of lines to draw
-  angle: 0.15, // The length of each line
+  angle: 0.15, /// The span of the gauge arc
   lineWidth: 0.44, // The line thickness
   pointer: {
-    length: 0.9, // The radius of the inner circle
-    strokeWidth: 0.035 // The rotation offset
+    length: 0.9, // Relative to gauge radius
+    strokeWidth: 0.035 // The thickness
   },
@@ -32,6 +31,7 @@ colorStart: '#6FADCF',   // Colors
 var gauge = new Gauge(target).setOptions(opts); // create sexy gauge!
-gauge.value = 1250; // set actual value
 gauge.maxValue = 3000; // set max gauge value
+gauge.setMinValue(0);  // set min value
+gauge.set(1250); // set actual 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).

Fixed alerts

No bug tracker

Maintenance

Package does not have a linked bug tracker in package.json.

Found 1 instance in 1 package

No website

Quality

Package does not have a website.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

423081

increased by2.91%

Lines of code

3594

increased by2.02%

Number of low maintenance alerts

0

decreased by-100%

Number of low quality alerts

0

decreased by-100%

No dependency changes