axidio-styleguide-library1-v2 0.0.976 → 0.0.978

package/fesm2022/axidio-styleguide-library1-v2.mjs

@@ -8551,7 +8551,7 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
         var height = parseInt(verticalstackedcontainer.style('height')) *
             (self.chartConfiguration.svgHeight / 100) -
             margin.top -
-            margin.bottom;
+            margin.bottom + 30;
         /**
          * entire height used in weekly charts as x axis needed to be displayed at the bottom of the chart
          */
@@ -9008,19 +9008,20 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
             });
         }
         var xSubgroup = d3.scaleBand().domain(subgroups);
-        if (subgroups.length > 1 && !this.isZoomedOut) {
+        // Weekly shipped/planned daily grouped chart: increase bar width for both zoom-in and zoom-out views
+        if (subgroups.length > 1 && this.chartConfiguration.isMultiChartGridLine) {
+            xSubgroup.range([0, x.bandwidth() * 1.2]).padding(0.05);
+        }
+        else if (subgroups.length > 1 && !this.isZoomedOut) {
             // For grouped bar charts in zoom-in view, reduce padding between bars
-            xSubgroup.range([0, x.bandwidth()]);
+            xSubgroup.range([0, x.bandwidth()]).padding(0.05);
         }
         else if (subgroups.length === 1 && !this.isZoomedOut) {
             // For single-bar (non-grouped) charts in zoom-in view, set bar width to 80
             xSubgroup.range([0, 80]);
         }
-        else if (this.chartConfiguration.isMultiChartGridLine == undefined) {
-            xSubgroup.range([0, x.bandwidth()]);
-        }
         else {
-            // used to make grouped bars with lesser width as we are not using padding for width
+            // All other cases (including zoomed-out), use full bandwidth
             xSubgroup.range([0, x.bandwidth()]);
         }
         // if (this.chartConfiguration.isDrilldownChart) {