Draw charts to fit window width

not dynamical resizable yet, you have to reload page after resizing window to have chart fit it.

Draw charts to fit window width
not dynamical resizable yet, you have to reload page after resizing window to have chart fit it.
hitier
1 parent ff5fd5bf
Showing 2 changed files with 5 additions and 2 deletions Show diff stats
app/main/static/js/charges.js
app/templates/base_page.html
+const main_elt = document.getElementById("main")
+
 const margin = {top: 60, right: 350, bottom: 100, left: 90},
-    width = 1300 - margin.left - margin.right,
+    width = main_elt.offsetWidth * 0.95 - margin.left - margin.right,
     height = 500 - margin.top - margin.bottom;
  
+
 const height_ratio = 1.2
  
 const tooltip_offset = {dx: 0, dy: 100}
@@ -121,7 +121,7 @@
         </footer>
       </nav>
  
-      <main class="col-md-9 ml-sm-auto col-lg-10 pt-3 px-4" role="main">
+      <main id="main" class="col-md-9 ml-sm-auto col-lg-10 pt-3 px-4" role="main">
         <h2 class="sub-header">{{subtitle}}</h2>
         {% include 'flash-messages.html' %}
         {% block content %}