axidio-styleguide-library1-v2 0.0.977 → 0.0.979

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

@@ -7367,9 +7367,9 @@ class HorizontalBarsWithScrollZoomComponent extends ComponentUniqueId {
             /*.order(d3.stackOrder)*/
             .offset(d3.stackOffsetNone);
         var layers = stack(data);
-        data.sort(function (a, b) {
-            return b.total - a.total;
-        });
+        // data.sort(function (a, b) {
+        //   return b.total - a.total;
+        // });
         let lineYscale;
         if (lineData != null) {
             lineYscale = d3
@@ -9008,20 +9008,15 @@ 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);
         }
-        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) {
@@ -9161,13 +9156,13 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
                 return self.isZoomedOut
                     ? tempScale.bandwidth()
                     : self.chartData.data.length && self.chartData.data.length > 8
-                        ? tempScale.bandwidth()
+                        ? tempScale.bandwidth() * 0.5
                         : tempScale.bandwidth();
             }
             return self.isZoomedOut
                 ? tempScale.bandwidth()
                 : self.chartData.data.length && self.chartData.data.length > 8
-                    ? tempScale.bandwidth()
+                    ? tempScale.bandwidth() * 0.5
                     : tempScale.bandwidth();
         })
             .attr('height', function (d) {