Fixes to responsive styles

mityaua · Feb 21, 2024 · 446c05c · 446c05c
1 parent e42208a
commit 446c05c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/css/styles.css b/css/styles.css
@@ -7,7 +7,8 @@ canvas {
 }
 
 .chart-container {
-  width: 80vw;
-
-  margin: 0 auto;
+  position: relative;
+  margin: auto;
+  height: 80vh;
+  width: 95vw;
 }
diff --git a/js/index.js b/js/index.js
@@ -43,8 +43,7 @@ function drawChart(years, data1, data2, data3) {
       ],
     },
     options: {
-      responsive: true,
-      responsiveAnimationDuration: 500,
+      maintainAspectRatio: false,
       scales: {
         y: {
           ticks: {