axidio-styleguide-library1-v2 0.0.796 → 0.0.797

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

@@ -8892,8 +8892,7 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
         }
         var xSubgroup = d3.scaleBand().domain(subgroups);
         if (this.chartConfiguration.isMultiChartGridLine == undefined) {
-            xSubgroup.range([0, x.bandwidth()])
-                .padding(this.isZoomedOut ? 0.1 : 0.3);
+            xSubgroup.range([0, x.bandwidth()]);
         }
         else {
             /**
@@ -9029,8 +9028,7 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
                 });
                 return tempScale.bandwidth();
             }
-            const baseWidth = xSubgroup.bandwidth();
-            return self.isZoomedOut ? baseWidth : baseWidth * 0.7;
+            return xSubgroup.bandwidth();
         })
             .attr('height', function (d) {
             if (d.value == -1) {
@@ -9309,7 +9307,7 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
                 .on('mouseout', function (d) {
                 state.selectAll('.barstext').remove();
             })
-                .on('mouseover', function (d1) {
+                .on('mouseover', (d1) => {
                 state
                     .selectAll('text')
                     .data(function (d) {
@@ -9339,7 +9337,10 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
                     .style('fill', function (d) {
                     return metaData.colors[d.key];
                 })
-                    .attr('width', xSubgroup.bandwidth())
+                    // .attr('width', xSubgroup.bandwidth())
+                    // .attr('width', this.isZoomedOut ? xSubgroup.bandwidth() : xSubgroup.bandwidth() * 0.6)
+                    .attr('x', (d) => xSubgroup(d.key) +
+                    (this.isZoomedOut ? 0 : (xSubgroup.bandwidth() * 0.4) / 2))
                     .text(function (d) {
                     return d.value;
                 });