axidio-styleguide-library1-v2 0.0.956 → 0.0.958

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

@@ -9325,13 +9325,16 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
                 .on('mouseout', handleMouseOut)
                 .on('mouseover', handleMouseOver);
         }
-        if (this.chartConfiguration.displayTitleOnTop) {
+        if (this.chartConfiguration.displayTitleOnTop ||
+            (this.chartConfiguration.textsOnBar == undefined &&
+                this.chartConfiguration.displayTitleOnTop == undefined)) {
             state
                 .selectAll('rect')
                 .on('mouseout', handleMouseOut)
                 .on('mouseover', handleMouseOver);
         }
         function handleMouseOver(d, i) {
+            svg.selectAll('.lib-verticalstack-title-ontop').remove();
             svg
                 .append('foreignObject')
                 .attr('x', function () {
@@ -9443,97 +9446,6 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
             }
             svg.selectAll('.lib-verticalstack-title-ontop').remove();
         }
-        /**
-         * 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('.lib-verticalstack-title-ontop').remove();
-            })
-                .on('mouseover', function (d1) {
-                // Calculate positioning scale
-                let tempScale;
-                data.map((indiv) => {
-                    if (indiv.name == d1.name) {
-                        let keys = Object.keys(indiv).filter((temp, i) => i != 0);
-                        tempScale = d3.scaleBand().domain(keys).range([0, x.bandwidth()]);
-                        if (x.bandwidth() > 100) {
-                            if (self.chartData.data.length == 1) {
-                                if (Object.keys(self.chartData.data[0]).length == 2) {
-                                    tempScale.range([
-                                        0 + (x.bandwidth() - 200) / 2,
-                                        x.bandwidth() - (x.bandwidth() - 200) / 2,
-                                    ]);
-                                }
-                                else {
-                                    tempScale.range([
-                                        0 + (x.bandwidth() - 300) / 2,
-                                        x.bandwidth() - (x.bandwidth() - 300) / 2,
-                                    ]);
-                                }
-                            }
-                            else {
-                                tempScale.range([
-                                    0 + (x.bandwidth() - 125) / 2,
-                                    x.bandwidth() - (x.bandwidth() - 125) / 2,
-                                ]);
-                            }
-                        }
-                    }
-                });
-                state
-                    .append('foreignObject')
-                    .attr('class', 'lib-verticalstack-title-ontop')
-                    .attr('x', function () {
-                    if (metaData.hasDrillDown) {
-                        if (tempScale.bandwidth() + leftAndRightSpaces * 2 > 180) {
-                            return (xSubgroup(d1.key) + tempScale.bandwidth() / 2 - 90);
-                        }
-                        return (xSubgroup(d1.key) -
-                            (tempScale.bandwidth() + leftAndRightSpaces * 2) / 2 +
-                            tempScale.bandwidth() / 2);
-                    }
-                    else {
-                        return xSubgroup(d1.key) - (tempScale.bandwidth() + leftAndRightSpaces * 2) / 2 + tempScale.bandwidth() / 2;
-                    }
-                })
-                    .attr('y', function () {
-                    return y(d1.value) - 3 - 40 - 10;
-                })
-                    .attr('width', function () {
-                    if (metaData.hasDrillDown) {
-                        if (tempScale.bandwidth() + leftAndRightSpaces * 2 > 180) {
-                            return '180px';
-                        }
-                        return tempScale.bandwidth() + leftAndRightSpaces * 2;
-                    }
-                    else {
-                        return tempScale.bandwidth() + leftAndRightSpaces * 2;
-                    }
-                })
-                    .attr('height', 40)
-                    .append('xhtml:div')
-                    .attr('class', 'title')
-                    .style('z-index', 99)
-                    .html(function () {
-                    let barLabel = d1.key;
-                    let dataType = metaData.dataType ? metaData.dataType : '';
-                    let value = d1.value;
-                    let desiredText = '<span class="title-bar-name">' + barLabel + '</span>';
-                    desiredText +=
-                        '<span class="title-bar-value"><span>' +
-                            value +
-                            '</span>' +
-                            dataType +
-                            '</span>';
-                    return desiredText;
-                });
-            });
-        }
         svg
             .append('g')
             .attr('class', 'x2 axis2')