Changeset 19975

Timestamp:

01/21/16 23:04:16 (9 years ago)

Author:

dlcheng

Message:

CHG (javascript): Adding text label option for gauges.

File:

• issm/trunk-jpl/src/m/plot/gauge.js (modified) (2 diffs)

issm/trunk-jpl/src/m/plot/gauge.js

@@ -2 +2 @@
         //Convert arguments to options
         var args = Array.prototype.slice.call(arguments);
-        var  options = new pairoptions(args.slice(3,args.length));
-        
+        var options = new pairoptions(args);
+
         gaugecanvas=options.getfieldvalue('gaugecanvas','gauge');
         gaugetext=options.getfieldvalue('gaugetext','gauge-text');
         gaugediv=options.getfieldvalue('gaugediv','slr-controldiv');
-        value=options.getfieldvalue('value',0);
+        gaugevalue=options.getfieldvalue('value',0);
         min=options.getfieldvalue('min',0);
         max=options.getfieldvalue('max',22);
         colors=options.getfieldvalue('colors',[[0.0, "#000000" ], [0.50, "#880000"], [1.0, "#ff0000"]]);
+        label=options.getfieldvalue('label','');
         
         $('<canvas id="'+gaugecanvas+'" width=80px height=50%></canvas>').appendTo('#'+gaugediv);
@@ -34 +35 @@
         var gauge = new Gauge(target).setOptions(opts);
         gauge.setTextField(document.getElementById(gaugetext));
+        gauge.label = label;
+        gauge.textField.render = function(gauge) {
+      return this.el.innerHTML = gauge.displayedValue.toFixed(0) + ' ' + gauge.label;
+    };
         gauge.minValue = min;
         gauge.maxValue = max;
         gauge.animationSpeed = 1;
         gauge.set(1); // set once to initialize?
-        gauge.set(value); // set actual value
+        gauge.set(gaugevalue); // set actual value
         
         return gauge;