Merge pull request #2198 from pi-hole/zeroLineColor

Reduce border size of line charts

scripts/pi-hole/js/db_graph.js

@@ -222,7 +222,7 @@ $(function () {
           backgroundColor: blockedColor,
           borderColor: blockedColor,
           pointBorderColor: blockedColor,
-          pointRadius: 1,
+          pointRadius: 0,
           pointHoverRadius: 5,
           data: [],
           pointHitRadius: 5,
@@ -233,7 +233,7 @@ $(function () {
           backgroundColor: permittedColor,
           borderColor: permittedColor,
           pointBorderColor: permittedColor,
-          pointRadius: 1,
+          pointRadius: 0,
           pointHoverRadius: 5,
           data: [],
           pointHitRadius: 5,
@@ -371,6 +371,12 @@ $(function () {
           },
         ],
       },
+      elements: {
+        line: {
+          borderWidth: 0,
+          spanGaps: false,
+        },
+      },
       maintainAspectRatio: false,
     },
   });

scripts/pi-hole/js/index.js

@@ -971,10 +971,17 @@ $(function () {
             },
             gridLines: {
               color: gridColor,
+              zeroLineColor: gridColor,
             },
           },
         ],
       },
+      elements: {
+        line: {
+          borderWidth: 0,
+          spanGaps: false,
+        },
+      },
       maintainAspectRatio: false,
     },
   });
@@ -1051,10 +1058,17 @@ $(function () {
               stacked: true,
               gridLines: {
                 color: gridColor,
+                zeroLineColor: gridColor,
               },
             },
           ],
         },
+        elements: {
+          line: {
+            borderWidth: 0,
+            spanGaps: false,
+          },
+        },
         maintainAspectRatio: false,
         hover: {
           animationDuration: 0,