axidio-styleguide-library1-v2 0.0.947 → 0.0.949

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

@@ -8836,7 +8836,7 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
             })
                 .text(function (d) {
                 var isValueToBeIgnored = false;
-                if (isMobile && !self.isHeaderVisible) {
+                if ((isMobile && !self.isHeaderVisible) || (isria && self.chartData.data.length > 8)) {
                     let firstPart = d.split(/[\s\-]+/)[0];
                     return firstPart.substring(0, 3).toLowerCase();
                 }
@@ -8892,7 +8892,7 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
                 });
             }
         }
-        if (isMobile && !this.isHeaderVisible) {
+        if ((isMobile && !self.isHeaderVisible) || (isria && self.chartData.data.length > 8)) {
             svg
                 .selectAll('g.x1.axis1 g.tick text')
                 .classed('mobile-xaxis-override', true);
@@ -9297,10 +9297,7 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
                 .on('mouseout', handleMouseOut)
                 .on('mouseover', handleMouseOver);
         }
-        const shouldBindMouseEvents = this.chartConfiguration.displayTitleOnTop ||
-            (this.chartConfiguration.textsOnBar === undefined &&
-                this.chartConfiguration.displayTitleOnTop === undefined);
-        if (shouldBindMouseEvents) {
+        if (this.chartConfiguration.displayTitleOnTop) {
             state
                 .selectAll('rect')
                 .on('mouseout', handleMouseOut)
@@ -9422,6 +9419,49 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
          * display data values on mouse over
          * used by dashboard charts
          */
+        if (this.chartConfiguration.textsOnBar == undefined &&
+            this.chartConfiguration.displayTitleOnTop == undefined) {
+            state
+                .selectAll('rect')
+                .on('mouseout', function (d) {
+                state.selectAll('.barstext').remove();
+            })
+                .on('mouseover', function (d1) {
+                state
+                    .selectAll('text')
+                    .data(function (d) {
+                    let newList = [];
+                    subgroups.map(function (key) {
+                        if (key !== 'name' &&
+                            d1.key == key &&
+                            d1.value == d[key] &&
+                            d1.name == d.name) {
+                            let obj = { key: key, value: d[key], name: d.name };
+                            newList.push(obj);
+                        }
+                    });
+                    return newList;
+                })
+                    .enter()
+                    .append('text')
+                    .attr('fill', 'var(--chart-text-color)')
+                    .attr('class', 'barstext')
+                    .attr('x', function (d) {
+                    return xSubgroup(d.key);
+                })
+                    .attr('y', function (d) {
+                    return y(d.value);
+                })
+                    .attr('style', 'font-size: ' + '.85em' + ';' + ' font-weight:' + 'bold' + ';')
+                    .style('fill', function (d) {
+                    return metaData.colors[d.key];
+                })
+                    .attr('width', self.isZoomedOut ? xSubgroup.bandwidth() : xSubgroup.bandwidth())
+                    .text(function (d) {
+                    return d.value;
+                });
+            });
+        }
         svg
             .append('g')
             .attr('class', 'x2 axis2')