Further implementation of flot based graphing for raster stats

qgis · Nov 20, 2011 · 4f0a35f · 4f0a35f
1 parent a975f30
commit 4f0a35f
Show file tree

Hide file tree

Showing 38 changed files with 17,217 additions and 0 deletions.
diff --git a/resources/html/CMakeLists.txt b/resources/html/CMakeLists.txt
@@ -0,0 +1,4 @@
+FILE(GLOB HTML_FILES *.*) 
+
+INSTALL(FILES ${HTML_FILES} DESTINATION ${QGIS_DATA_DIR}/resources/html)
+
diff --git a/resources/html/chart.html b/resources/html/chart.html
@@ -0,0 +1,38 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <script language="javascript" type="text/javascript" src="../js/jquery.js"></script>
+    <script language="javascript" type="text/javascript" src="../js/jquery.flot.js"></script>
+    <!-- flot grow plugin: see http://jumware.com/Includes/jquery/Flot/Doc/JQuery.flot.grow.html -->
+    <script language="javascript" type="text/javascript" src="../js/jquery.flot.grow.js"></script>
+  </head>
+  <body>
+    <div id="chart"><h1>Histogram loading...</h1></div>
+    <script id="source" language="javascript" type="text/javascript">
+      var d = new Array(); 
+      function replot()
+      {
+        var options = { series : { 
+                          grow   : { active   : true }, 
+                          points : { show     : true }, 
+                          grow   : { stepMode : "maximum", steps: 120 },
+                          lines  : { show     : true }
+                        } 
+                      };
+        $.plot($("#chart"), d, options);
+      }
+      function addSeries( theSeries )
+      {
+        d.push( { data: theSeries } );
+        replot();
+        alert( theSeries );
+      }
+      $(function () 
+      {
+        $("#chart").height(0.9*$(window).height()).width(0.90*$(window).width()).css("margin-left","auto").css("margin-right", "auto");
+
+      });
+    </script>
+  </body>
+</html>