axidio-styleguide-library1-v2 0.0.973 → 0.0.975

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

@@ -4559,21 +4559,21 @@ class GroupChartComponent extends ComponentUniqueId {
                 .html(function () {
                 let dataType = metaData.dataType ? metaData.dataType : '';
                 if (!self.isZoomedOut) {
-                    let desiredText = '<span class="title-bar-name">' + d.key + '</span>';
+                    let desiredText = '<span class="title-bar-name">' + d.name + '</span>';
                     desiredText +=
                         '<span class="title-bar-value"><span>' +
-                            d.value +
+                            d.Value +
                             '</span>' +
                             dataType +
                             '</span>';
                     return desiredText;
                 }
                 else {
-                    let tempKey = d.key.length <= 8 ? d.key : d.key.substring(0, 5) + '...';
+                    let tempKey = d.name.length <= 8 ? d.name : d.name.substring(0, 5) + '...';
                     let desiredText = '<span class="title-bar-name">' +
                         tempKey +
                         ':' +
-                        d.value +
+                        d.Value +
                         dataType +
                         '</span>';
                     desiredText +=
@@ -9008,15 +9008,16 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
             });
         }
         var xSubgroup = d3.scaleBand().domain(subgroups);
-        if (subgroups.length > 1 && !this.isZoomedOut) {
+        if (!this.isZoomedOut && subgroups.length > 1) {
             // 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 if (!this.isZoomedOut && subgroups.length === 1) {
+            // For single-bar (non-grouped) charts in zoom-in view, set bar width to 80
+            xSubgroup.range([0, 80]);
+        }
         else {
-            // used to make grouped bars with lesser width as we are not using padding for width
+            // All other cases (including zoomed-out), use full bandwidth
             xSubgroup.range([0, x.bandwidth()]);
         }
         // if (this.chartConfiguration.isDrilldownChart) {