axidio-styleguide-library1-v2 0.0.967 → 0.0.968

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

@@ -3967,7 +3967,7 @@ class GroupChartComponent extends ComponentUniqueId {
             svg
                 .append('g')
                 .attr('class', 'x1 axis1')
-                .attr('transform', 'translate(-25,' + height + ')')
+                .attr('transform', 'translate(0,' + height + ')')
                 .call(d3.axisBottom(x))
                 .call((g) => g.select('.domain').remove());
             svg.selectAll('g.x1.axis1 g.tick line').remove();
@@ -9008,14 +9008,15 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
             });
         }
         var xSubgroup = d3.scaleBand().domain(subgroups);
-        if (this.chartConfiguration.isMultiChartGridLine == undefined) {
+        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 (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
-             * used by weekly charts
-             */
+            // 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) {
@@ -9111,6 +9112,11 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
             return y(0);
         })
             .attr('width', function (d) {
+            // For grouped bar charts in zoom-in view, slightly increase bar width for both bars (shipped and planned)
+            if (subgroups.length > 1 && !self.isZoomedOut) {
+                return xSubgroup.bandwidth() * 1.1;
+            }
+            // Default logic for other chart types
             if (self.chartConfiguration.isDrilldownChart) {
                 data.map((indiv) => {
                     if (indiv.name == d.name) {
@@ -9297,9 +9303,8 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
                 .on('mouseout', handleMouseOut)
                 .on('mouseover', handleMouseOver);
         }
-        if (this.chartConfiguration.displayTitleOnTop ||
-            (this.chartConfiguration.textsOnBar == undefined &&
-                this.chartConfiguration.displayTitleOnTop == undefined)) {
+        if (this.chartConfiguration.displayTitleOnTop || (this.chartConfiguration.textsOnBar == undefined &&
+            this.chartConfiguration.displayTitleOnTop == undefined)) {
             state
                 .selectAll('rect')
                 .on('mouseout', handleMouseOut)