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_radar.html | 140 +++++++++++++++++++++++++ 1 file changed, 140 insertions(+) create mode 100644 schall/static/RGraph/docs/adjusting_radar.html (limited to 'schall/static/RGraph/docs/adjusting_radar.html') diff --git a/schall/static/RGraph/docs/adjusting_radar.html b/schall/static/RGraph/docs/adjusting_radar.html new file mode 100644 index 0000000..a7756d9 --- /dev/null +++ b/schall/static/RGraph/docs/adjusting_radar.html @@ -0,0 +1,140 @@ + + + + + + RGraph: HTML5 Javascript charts library - Adjusting your charts interactively - Radar chart + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

+ +

+ +

+ + + +

+ + +

+ + + + +

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

+ + + +

+ +

+ The Radar chart can be adjusted by dragging the points on the chart. When the onadjustend event fires, you will find + the following information in the RGraph registry - RGraph.Registry.Get('chart.adjusting.radar.myc') - where myc + is the ID of your canvas: +

+ +

The numerical, zero indexed number that corresponds to the dataset
The numerical, zero indexed point that relates to the original data array
This is a boolean and used to indicate which (horizontal) half of the chart the point is in. true - the right half, false - the left half
This is a boolean and used to indicate which (vertical) half of the chart the point is in. true - the bottom half, false - the top half

+ +
+ +

+<script>
+    window.onload = function (e)
+    {
+            var radar = new RGraph.Radar('myc', [4,3,8,6,8,7,7,4,5], [7,2,4,5,4,3,3,3,3]);
+            radar.Set('chart.adjustable', true);
+            radar.Set('chart.colors', ['rgba(255,0,0,0.5)', 'rgba(255,255,0,0.5)']);
+            radar.Set('chart.labels', ['Hoolio', 'Godfrey', 'Albert', 'Jeff', 'Jack', 'Pete', 'Lou', 'Barney', 'Fred']);
+            radar.Draw();
+            
+            RGraph.AddCustomEventListener(radar, 'onadjustend', function (obj) {p(RGraph.Registry.Get('chart.adjusting.radar.myc'));});
+    }
+</script>
+

+ + \ No newline at end of file -- cgit v1.2.1