Improve display of graph

lelandbatey · Apr 25, 2022 · 1493096 · 1493096
1 parent cbe7cb2
commit 1493096
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/index.html b/index.html
@@ -5,8 +5,8 @@
 
 <style type="text/css">
 #myChart {
-    width: 90%;
-    height: 90%
+    width: 98%;
+    height: 98%
 }
 /* scraped from the Chart.js examples website */
 /* https://codepen.io/jeremybradbury/pen/xxdddoB */
@@ -30,7 +30,9 @@
 </head>
 <body>
 	<section class="buttons"></section>
-	<canvas id="myChart"></canvas>
+	<div class="chart-container" style="position: relative; height:95vh; width:95vw">
+		<canvas id="myChart" style="height:95vh; width:95vw"></canvas>
+	</div>
 	<script>
 const CONTEXT = REPLACE_ME_WITH_JS_CONTEXT;
 	</script>

diff --git a/jsbuild/main.js b/jsbuild/main.js
@@ -78,7 +78,8 @@ const config = {
     data: data,
     options: {
         parsing: true,
-        responsive: false,
+        responsive: true,
+        maintainAspectRatio: false,
         animation: {
             // Massively speed up all the default animations
             duration: 200,