initial flot support

Author: David Lawrence

css/main.css

@@ -102,21 +102,10 @@ textarea {
    Author's custom styles
    ========================================================================== */
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+#chart {
+    width: 50em;
+    height: 25em;
+}
 
 /* ==========================================================================
    Helper classes

index.html

@@ -68,7 +68,7 @@
             </table>
           </div>
           <div class="col-md-8">
-            <div>CHART HERE</div>
+            <div id="chart"></div>
           </div>
         </div>
       </div>
@@ -114,6 +114,7 @@
     </script>
     <script src="js/vendor/require.min.js"></script>
     <script src="js/vendor/jquery.js"></script>
+    <script src="js/vendor/jquery.flot.js"></script>
     <script src="js/plugins.js"></script>
     <script src="js/vendor/bootstrap.min.js"></script>
   </body>

js/main.js

@@ -11,7 +11,13 @@ require(['jquery', 'es-glue', 'd3'], function ($, ES, d3) {
   'use strict';
 
 	ES.query(function(data, status, xhr) {
-		console.log(data, status, xhr);
-	});
+      var d1 = [];
+      for (var i = 0; i < 14; i += 0.5) {
+        d1.push([i, Math.sin(i)]);
+      }
+      var d2 = [[0, 3], [4, 8], [8, 5], [9, 13]];
+      var d3 = [[0, 12], [7, 12], null, [7, 2.5], [12, 2.5]];
+      $.plot("#chart", [ d1, d2, d3 ]);
+    });
 
 });