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_rose.html | 147 ++++++++++++++++++++++++++ 1 file changed, 147 insertions(+) create mode 100644 schall/static/RGraph/docs/adjusting_rose.html (limited to 'schall/static/RGraph/docs/adjusting_rose.html') diff --git a/schall/static/RGraph/docs/adjusting_rose.html b/schall/static/RGraph/docs/adjusting_rose.html new file mode 100644 index 0000000..02aa2a0 --- /dev/null +++ b/schall/static/RGraph/docs/adjusting_rose.html @@ -0,0 +1,147 @@ + + + + + + RGraph: HTML5 Javascript charts library - Adjusting your charts interactively - Rose chart + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + Mention RGraph on Twitter + +
+ + + +
+ + +
+ + + + +

RGraph: HTML5 Javascript charts library - Adjusting your charts interactively - Rose chart

+ + + + [No canvas support] + +
+

+ The Rose chart can be adjusted by clicking and dragging the segments to the desired size. When the onadjustend event fires + you can get the following segment information from RGraph.Registry.Get('chart.adjusting.rose.myrose') (where myrose + is the canvas ID): + +

+

+
+ + +
+ + 
+<script>
+    window.onload = function (e)
+    {
+        var rose = new RGraph.Rose('cvs',[4,3,5,6,2,1,4]);
+        rose.Set('chart.colors.alpha', 0.5);
+        rose.Set('chart.adjustable', true);
+        rose.Set('chart.labels', ['Olga','Kev','Bob','Charlie','Pete','John','Fred']);
+        rose.Draw();
+        
+        RGraph.AddCustomEventListener(rose, 'onadjustend', function (obj) {p(RGraph.Registry.Get('chart.adjusting.rose.cvs'));});
+    }
+</script>
+
+ + + \ No newline at end of file -- cgit v1.2.1