From 770ba5201f5c60b2bb36602ff9d359f641e33125 Mon Sep 17 00:00:00 2001 From: Yves Fischer Date: Sun, 23 Oct 2011 21:14:40 +0200 Subject: Charting with flask, rgraph and custom "timeseries database" --- schall/static/RGraph/docs/adjusting_hprogress.html | 141 +++++++++++++++++++++ 1 file changed, 141 insertions(+) create mode 100644 schall/static/RGraph/docs/adjusting_hprogress.html (limited to 'schall/static/RGraph/docs/adjusting_hprogress.html') diff --git a/schall/static/RGraph/docs/adjusting_hprogress.html b/schall/static/RGraph/docs/adjusting_hprogress.html new file mode 100644 index 0000000..d6daeea --- /dev/null +++ b/schall/static/RGraph/docs/adjusting_hprogress.html @@ -0,0 +1,141 @@ + + + + + + RGraph: HTML5 Javascript charts library - Adjusting your charts interactively - HProgress bar + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + Mention RGraph on Twitter + +
+ + + +
+ + +
+ + + + +

RGraph: HTML5 Javascript charts library - Adjusting your charts interactively - HProgress bar

+ + + +

+ The Horizontal Progress Bar can be adjusted by clicking on it. When adjusting + is finished the onadjustend event fires. If you attach a function to the onadjustend event (as below) you can get the new value by + looking at the .value property (eg myProgress.value). +

+ + [No canvas support] + + 
+<script>
+    window.onload = function (e)
+    {
+
+        var hprogress = new RGraph.HProgress('myc', 83, 100, 0);
+        hprogress.Set('chart.color', 'green');
+        hprogress.Set('chart.adjustable', true);
+        hprogress.Set('chart.margin', 5);
+        hprogress.Set('chart.tickmarks.inner', true);
+        hprogress.Set('chart.tickmarks.zerostart', true);
+        hprogress.Set('chart.units.post', '%');
+        hprogress.Draw();
+
+        RGraph.AddCustomEventListener(hprogress, 'onadjustbegin', function () {console.log('Old value: ' + hprogress.value  );});
+        RGraph.AddCustomEventListener(hprogress, 'onadjustend', function () {console.log('New value: ' + hprogress.value  );});
+    }
+</script>
+
+ + \ No newline at end of file -- cgit v1.2.1