lazy loads box chart

rowers/templates/boxplot.html

@@ -11,7 +11,8 @@
   Bokeh.set_log_level("info");
 </script>
 
-{{ interactiveplot |safe }}
+<div id="id_script">
+</div>
 
 <script>
   // Set things up to resize the plot on a window resize. You can play with
@@ -37,7 +38,7 @@
 <div class="grid_12 alpha">
     <h1>Box Chart</h1>
   <div id="workouts" class="grid_8 alpha">
-    <div id="theplot" class="grid_8 alpha flexplot">
+    <div id="id_chart" class="grid_8 alpha flexplot">
       {{ the_div|safe }}
     </div>
   </div>
@@ -67,4 +68,27 @@
 </div>
 
 
+{% endblock %}
+
+{% block scripts %}
+<script type='text/javascript'
+        src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js'>
+</script>
+
+<script>
+  $(function($) {
+  console.log('loading script');
+  $.getJSON(window.location.protocol + '//'+window.location.host + '/rowers/user-boxplot-data', function(json) {
+  var counter=0;
+  var script = json.script;
+  var div = json.div;
+  $("#id_sitready").remove();
+  $("#id_chart").append(div);
+  console.log(div);
+  $("#id_script").append("<script>"+script+"</s"+"cript>");
+
+  });
+  });
+</script>
+
 {% endblock %}