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

+ +

+ +

+ + + +

+ + +

+ + + + +

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

+ + + +

+ The Line chart can be adjusted by dragging the line(s) up and down. By using the RGraph registry - + RGraph.Registry.Get('chart.adjusting.line.myc') - you can get the details of the adjustment + (replace myc with the ID of your canvas). This is an array consisting of: + +

The chart object
The index of the point in the data series
A two element array consisting of the original coordinates of the point that is being adjusted
The index of the data series that contains the point being adjusted

+ +

+<script>
+    window.onload = function (e)
+    {
+        var line = new RGraph.Line('myc', [45,74,84,85,45,35,65,68,87,97,45,34,12], [15,14,12,16,18,19,14,12,74,84,95,65,35]);
+        line.Set('chart.labels', ['Kev','Matt','Rich','Dave','Iggy','Polly','Fiona','Fred','Pete','Lou','Fred','Bob']);
+        line.Set('chart.ylabels.inside', true);
+        line.Set('chart.linewidth', 2);
+        line.Set('chart.hmargin', 10);
+        line.Set('chart.shadow', true);
+        line.Set('chart.adjustable', true);
+        line.Set('chart.title', 'An adjustable line chart');
+        line.Set('chart.outofbounds', true);
+        line.Draw();
+        
+        RGraph.AddCustomEventListener(line, 'onadjustend', function (obj) {p(RGraph.Registry.Get('chart.adjusting.line.myc'));});
+    }
+</script>
+

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