Mercurial > lbo > hg > analyrics

changeset 50:073b9cfe1568

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Correct sizing for plot canvas
author Lewin Bormann <lbo@spheniscida.de>
date Wed, 20 Jul 2022 15:27:20 -0700
parents 3b266ff9308e
children da66084c708e
files assets/index.html.hbs assets/static/style.css src/main.rs
diffstat 3 files changed, 12 insertions(+), 5 deletions(-) [+]
line wrap: on
line diff
--- a/assets/index.html.hbs	Tue Jul 19 22:05:36 2022 -0700
+++ b/assets/index.html.hbs	Wed Jul 20 15:27:20 2022 -0700
@@ -89,16 +89,20 @@
     <div class="plotrow row1">
         <div class="plotframe fullwidth">
         <div class="plottitle">Visits and Sessions</div>
-            <canvas id="visitsAndSessions" height="100"></canvas>
+        <div class="chartcontainer1"><canvas id="visitsAndSessions" height="100"></canvas></div>
         </div>
     </div>
     <div class="plotrow row2">
-        <div class="plotframe halfwidth">Top paths<canvas id="topPaths"></canvas> </div>
-        <div class="plotframe halfwidth">Requests per Session<canvas id="requestsBySession"></canvas> </div>
+        <div class="plotframe halfwidth">Top paths
+            <div class="chartcontainer2"><canvas id="topPaths"></canvas></div> </div>
+        <div class="plotframe halfwidth">Requests per Session
+            <div class="chartcontainer2"><canvas id="requestsBySession"></canvas></div> </div>
     </div>
     <div class="plotrow row3">
-        <div class="plotframe halfwidth">Sessions by country<canvas id="sessionsByCountry" height="30"></canvas> </div>
-        <div class="plotframe halfwidth">Requests per Session<canvas id="BLAH"></canvas> </div>
+        <div class="plotframe halfwidth">Sessions by country
+            <div class="chartcontainer2"><canvas id="sessionsByCountry"></canvas></div> </div>
+        <div class="plotframe halfwidth">Requests per Session
+            <div class="chartcontainer2"><canvas id="BLAH"></canvas></div> </div>
     </div>
 
     <script>
--- a/assets/static/style.css	Tue Jul 19 22:05:36 2022 -0700
+++ b/assets/static/style.css	Wed Jul 20 15:27:20 2022 -0700
@@ -11,6 +11,8 @@
 .plottitle { text-align: center; }
 .plotrow { border-style: solid; border-color: blue; text-align: center; display: flex; justify-content: center; }
 .plotframe { border-style: solid; border-color: green; display: inline-block; margin: 5pt; }
+.chartcontainer1 { position: relative; height: 30em; }
+.chartcontainer2 { position: relative; height: 20em; }
 
 .fullwidth { width: 95%; }
 .halfwidth { width: 48%; }
--- a/src/main.rs	Tue Jul 19 22:05:36 2022 -0700
+++ b/src/main.rs	Wed Jul 20 15:27:20 2022 -0700
@@ -165,6 +165,7 @@
             "datasets": datasets,
         },
         "options": {
+            "maintainAspectRatio": false,
             "scales": { "y": { "beginAtZero": true }},
             "indexAxis": opt.index_axis,
             "stack": opt.stack.as_ref().map(String::as_str),