Update chart.js from 2.9.4 to 3.9.1. (#2373)

pi-hole · Oct 5, 2022 · b186df6 · b186df6
2 parents 4fdd7eb + c1c4dba
commit b186df6
Show file tree

Hide file tree

Showing 9 changed files with 488 additions and 492 deletions.
diff --git a/index.php b/index.php
@@ -79,8 +79,8 @@
                 <h3 class="box-title">Total queries over last <span class="maxlogage-interval">24</span> hours</h3>
             </div>
             <div class="box-body">
-                <div class="chart">
-                    <canvas id="queryOverTimeChart" width="800" height="140"></canvas>
+                <div class="chart" style="width: 100%; height: 180px">
+                    <canvas id="queryOverTimeChart"></canvas>
                 </div>
             </div>
             <div class="overlay">
@@ -97,8 +97,8 @@
                 <h3 class="box-title">Client activity over last <span class="maxlogage-interval">24</span> hours</h3>
             </div>
             <div class="box-body">
-                <div class="chart">
-                    <canvas id="clientsChart" width="800" height="140" class="extratooltipcanvas no-user-select"></canvas>
+                <div class="chart" style="width: 100%; height: 180px">
+                    <canvas id="clientsChart" class="extratooltipcanvas no-user-select"></canvas>
                 </div>
             </div>
             <div class="overlay">
@@ -116,12 +116,10 @@
                 <h3 class="box-title">Query Types</h3>
             </div>
             <div class="box-body">
-                <div class="pull-left" style="width:50%">
-                    <canvas id="queryTypePieChart" width="120" height="120"></canvas>
-                </div>
-                <div class="pull-left" style="width:50%">
-                    <div id="query-types-legend" class="chart-legend"></div>
+                <div style="width:50%">
+                    <canvas id="queryTypePieChart" width="280" height="280"></canvas>
                 </div>
+                <div class="chart-legend" style="width:50%" id="query-types-legend" ></div>
             </div>
             <div class="overlay">
                 <i class="fa fa-sync fa-spin"></i>
@@ -135,12 +133,10 @@
                 <h3 class="box-title">Upstream servers</h3>
             </div>
             <div class="box-body">
-                <div class="pull-left" style="width:50%">
-                    <canvas id="forwardDestinationPieChart" width="120" height="120" class="extratooltipcanvas no-user-select"></canvas>
-                </div>
-                <div class="pull-left" style="width:50%">
-                    <div id="forward-destinations-legend" class="chart-legend extratooltipcanvas no-user-select"></div>
+                <div style="width:50%">
+                    <canvas id="forwardDestinationPieChart" width="280" height="280" class="extratooltipcanvas no-user-select"></canvas>
                 </div>
+                <div class="chart-legend" style="width:50%" id="forward-destinations-legend"></div>
             </div>
             <div class="overlay">
                 <i class="fa fa-sync fa-spin"></i>