boxplot sort of working

rowers/templates/boxplot.html

@@ -0,0 +1,63 @@
+{% extends "base.html" %}
+{% load staticfiles %}
+{% load rowerfilters %}
+
+{% block title %}View Comparison {% endblock %}
+
+{% block content %}
+
+<script type="text/javascript" src="/static/js/bokeh-0.12.3.min.js"></script>
+<script async="true" type="text/javascript">
+  Bokeh.set_log_level("info");
+</script>
+
+{{ interactiveplot |safe }}
+
+<script>
+  // Set things up to resize the plot on a window resize. You can play with
+  // the arguments of resize_width_height() to change the plot's behavior.
+  var plot_resize_setup = function () {
+  var plotid = Object.keys(Bokeh.index)[0]; // assume we have just one plot
+  var plot = Bokeh.index[plotid];
+  var plotresizer = function() {
+  // arguments: use width, use height, maintain aspect ratio
+  plot.resize_width_height(true, false, false);
+  };
+  window.addEventListener('resize', plotresizer);
+  plotresizer();
+  };
+  window.addEventListener('load', plot_resize_setup);
+</script>
+<style>
+  /* Need this to get the page in "desktop mode"; not having an infinite height.*/
+  html, body {height: 100%; margin:5px;}
+</style>
+
+
+<div id="workouts" class="grid_8 alpha">
+  <h1>Box Chart</h1>
+</div>
+<div class="grid_4 omega">
+  <form enctype="multipart/form-data" action="/rowers/user-boxplot" method="post">
+  {% csrf_token %}
+    <table>
+      {{ chartform.as_table }}
+    </table>
+    <div class="grid_1 prefix_2 suffix_1">
+      <p>
+        <input name='workoutselectform' class="button green" type="submit" value="Submit">
+      </p>
+    </div>
+  </form>
+</div>
+<div class="grid_12 alpha">
+  
+   
+  
+  <div id="theplot" class="grid_12 alpha flexplot">
+    {{ the_div|safe }}
+  </div>
+</div>
+
+
+{% endblock %}