axidio-styleguide-library1-v2 0.0.834 → 0.0.836

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

@@ -8434,7 +8434,7 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
             isDisplayBarDetailsAtBottom: undefined,
             howmanyBarDetailsToDisplay: 0,
             barVauleColor: undefined,
-            defaultBarHeight: 4,
+            defaultBarHeight: 2,
         };
         this.uniqueId = this.getUniqueId();
         this.isZoomedOut = false;
@@ -8948,7 +8948,8 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
             .enter()
             .append('g')
             .attr('transform', function (d) {
-            return 'translate(' + x(d.name) + ',0)';
+            let shift = (self.chartData.data.length > 8) ? -30 : 0;
+            return 'translate(' + (x(d.name) + shift) + ',0)';
         });
         state
             .selectAll('rect')
@@ -9013,14 +9014,10 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
             if (d.value == -1) {
                 return y(0);
             }
-            if (d.value) {
-                // For values between 0 and 10, position bar at baseline with default height
-                if (d.value <= 10 && d.value >= 0) {
-                    const defaultHeight = self.chartConfiguration.defaultBarHeight || 8;
-                    return y(0) - defaultHeight;
-                }
-                // For values greater than 10, use normal calculated position
-                return y(d.value);
+            if (d.value >= 0) {
+                const barHeight = height - y(d.value);
+                const minHeight = self.chartConfiguration.defaultBarHeight || 2;
+                return barHeight < minHeight ? y(0) - minHeight : y(d.value);
             }
             return y(0);
         })
@@ -9058,23 +9055,24 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
                 });
                 return self.isZoomedOut
                     ? tempScale.bandwidth()
-                    : tempScale.bandwidth() * 0.5;
+                    : self.chartData.data.length && self.chartData.data.length > 8
+                        ? tempScale.bandwidth() * 0.5
+                        : tempScale.bandwidth();
             }
             return self.isZoomedOut
-                ? xSubgroup.bandwidth()
-                : xSubgroup.bandwidth() * 0.5;
+                ? tempScale.bandwidth()
+                : self.chartData.data.length && self.chartData.data.length > 8
+                    ? tempScale.bandwidth() * 0.5
+                    : tempScale.bandwidth();
         })
             .attr('height', function (d) {
             if (d.value == -1) {
                 return height - y(0);
             }
-            if (d.value) {
-                // For values between 0 and 10 (inclusive), use default height
-                if (d.value <= 10 && d.value >= 0) {
-                    return self.chartConfiguration.defaultBarHeight || 8;
-                }
-                // For values greater than 10, use calculated height
-                return height - y(d.value);
+            if (d.value >= 0) {
+                const barHeight = height - y(d.value);
+                const minHeight = self.chartConfiguration.defaultBarHeight || 2;
+                return Math.max(barHeight, minHeight);
             }
             return height - y(0);
         })