Resize d3 js graph with the window size

Anais Amato
1 parent 6845708c
Showing 1 changed file with 5 additions and 2 deletions Show diff stats
app/main/static/js/charges.js
@@ -101,11 +101,14 @@ function build_chart(div_selector, data_url, entity_name, category_type) {
         .attr('class', 'fas fa-bars fa-lg export')
         .on("click", update_export_menu);
  
+    const real_width = width + margin.left + margin.right;
+    const real_height = height + margin.top + margin.bottom;
  
     const svg = d3.select(div_selector).append("svg")
+        .attr("viewBox", [0, 0, real_width, real_height])
         .attr("class", "svg_chart")
-        .attr("width", width + margin.left + margin.right)
-        .attr("height", height + margin.top + margin.bottom)
+        .attr("width", real_width)
+        .attr("height", real_height)
         .append("g")
         .attr("transform", "translate(" + margin.left + "," + margin.top + ")");