axidio-styleguide-library1-v2 0.1.79 → 0.1.81

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

@@ -8923,22 +8923,25 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
             return xSubgroup(d.key);
         })
             .attr('y', function (d) {
-            if (d.value <= 0 || d.value === -1)
+            if (d.value == -1) {
                 return y(0);
-            const barHeight = height - y(d.value);
-            const minHeight = self.chartConfiguration.defaultBarHeight || 2;
-            return barHeight < minHeight ? y(0) - minHeight : 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);
         })
             .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() * 0.25;
             }
-            // For single-bar (non-grouped) charts in zoom-in view, set bar width to 80
+            // For single-bar (non-grouped) charts in zoom-in view, set bar width to 120
             if (subgroups.length === 1 && !self.isZoomedOut) {
-                return 80;
+                return 120;
             }
-            let tempScale = d3.scaleBand().domain([]).range([0, 0]);
             // Default logic for other chart types
             if (self.chartConfiguration.isDrilldownChart) {
                 data.map((indiv) => {
@@ -8999,14 +9002,9 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
             .attr('fill', function (d) {
             if (d.value &&
                 self.chartData.targetLineData &&
-                d.value >= parseFloat(self.chartData.targetLineData.target) &&
-                self.chartData.metaData.colorAboveTarget) {
-                const key = d.key.toLowerCase();
-                const colorAboveTarget = Object.keys(self.chartData.metaData.colorAboveTarget).find(k => k.toLowerCase() === key);
-                if (colorAboveTarget) {
-                    return self.chartData.metaData.colorAboveTarget[colorAboveTarget];
-                }
-            }
+                d.value >= parseInt(self.chartData.targetLineData.target) &&
+                self.chartData.metaData.colorAboveTarget)
+                return self.chartData.metaData.colorAboveTarget[d.key];
             return self.chartData.metaData.colors[d.key];
         });
         /**