axidio-styleguide-library1-v2 0.0.978 → 0.0.980

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 + 30;
+            margin.bottom;
         /**
          * entire height used in weekly charts as x axis needed to be displayed at the bottom of the chart
          */
@@ -8642,7 +8642,7 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
             .append('svg')
             // .attr('id', self.uniqueId)
             .attr('width', width - rightSvgWidth)
-            .attr('height', height + margin.top + margin.bottom + 30)
+            .attr('height', height + margin.top + margin.bottom + 60)
             // .call(ChartHelper.responsivefy)
             .append('g')
             .attr('transform', 'translate(' + 0 + ',' + margin.top + ')');
@@ -9008,20 +9008,19 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
             });
         }
         var xSubgroup = d3.scaleBand().domain(subgroups);
-        // 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) {
+        if (subgroups.length > 1 && !this.isZoomedOut) {
             // For grouped bar charts in zoom-in view, reduce padding between bars
-            xSubgroup.range([0, x.bandwidth()]).padding(0.05);
+            xSubgroup.range([0, x.bandwidth()]);
         }
         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 {
-            // All other cases (including zoomed-out), use full bandwidth
+            // used to make grouped bars with lesser width as we are not using padding for width
             xSubgroup.range([0, x.bandwidth()]);
         }
         // if (this.chartConfiguration.isDrilldownChart) {