bar should be minimum of 1x pwide, #301

Author: dannyvankooten

assets/src/js/imports/chart.js

@@ -58,8 +58,8 @@ export function Chart() {
   for (i = 0; i < yTicks.length; i++) {
     leftOffset = Math.max(leftOffset, 8 + Math.max(5, yTicks[i].textContent.length * 8));
   }
-  var tickWidth = (chart.clientWidth - leftOffset) / bars.length;
-  barWidth = tickWidth - 2;
+  var tickWidth = Math.max(1, (chart.clientWidth - leftOffset) / bars.length);
+  barWidth = Math.max(1, tickWidth - 2);
 
   // update width of each bar now that we know the client width
   bars[0].parentElement.style.display = 'none';
@@ -75,6 +75,7 @@ export function Chart() {
     bars[i].children[1].setAttribute('width', barWidth);
 
     // tick <line>
+    bars[i].children[2].style.display = barWidth === 1 ? 'none' : '';
     x = i * tickWidth + leftOffset + 0.5 * tickWidth;
     bars[i].children[2].setAttribute('x1', x);
     bars[i].children[2].setAttribute('x2', x);

src/class-dashboard.php

@@ -21,7 +21,7 @@ public function show(): void
         $settings   = get_settings();
         $stats = new Stats();
         $items_per_page = (int) apply_filters('koko_analytics_items_per_page', 20);
-        $dateFormat = get_option('date_format');
+        $dateFormat = get_option('date_format', 'Y-m-d');
         $dashboard_url = remove_query_arg(['start_date', 'end_date', 'view', 'posts', 'referrers']);
 
         // parse query params