axidio-styleguide-library1-v2 0.0.959 → 0.0.961

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

@@ -3833,13 +3833,20 @@ class GroupChartComponent extends ComponentUniqueId {
                     ? this.chartConfiguration.svgHeight
                     : parseInt(verticalstackedcontainer.style('height'));
         }
-        if (this.chartConfiguration.isDrilldownChart) {
+        if (this.chartConfiguration.isDrilldownChart && !this.isHeaderVisible) {
             height =
                 parseInt(verticalstackedcontainer.style('height')) -
                     margin.top -
                     margin.bottom -
                     130;
         }
+        if (this.chartConfiguration.isHeaderVisible) {
+            height =
+                parseInt(verticalstackedcontainer.style('height')) -
+                    margin.top -
+                    margin.bottom -
+                    100;
+        }
         /**
          * for hiding header
          * used by weekly charts
@@ -4433,13 +4440,15 @@ class GroupChartComponent 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 () {
@@ -4563,57 +4572,8 @@ class GroupChartComponent extends ComponentUniqueId {
             });
         }
         function handleMouseOut(d, i) {
-            if (!self.chartConfiguration.displayTitleOnTop) {
-                return;
-            }
             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('.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('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', xSubgroup.bandwidth())
-                    .text(function (d) {
-                    return d.value;
-                });
-            });
-        }
         svg
             .append('g')
             .attr('class', 'x2 axis2')
@@ -4630,6 +4590,7 @@ class GroupChartComponent extends ComponentUniqueId {
             .call(y)
             .style('display', 'none');
         svgYAxisLeft
+            .append('g')
             .append('g')
             .attr('class', 'lib-yaxis-labels-texts-drilldown yaxis-dashed')
             .attr('style', self.chartConfiguration.yAxisCustomTextStyles)