axidio-styleguide-library1-v2 0.1.47 → 0.1.49

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

@@ -7902,53 +7902,13 @@ class HorizontalBarsWithScrollZoomComponent extends ComponentUniqueId {
         /**
          * used to display y label
          */
-        // if (!this.isZoomedOut) {
-        //   svg
-        //     .selectAll('.lib-xaxis-labels-texts-drilldown')
-        //     .attr('transform', 'rotate(-90)')
-        //     .attr('text-anchor', 'end')
-        //     .attr('x', '-5')
-        //     .attr('dy', null);
-        // }
-        if (this.isZoomedOut) {
-            // svg
-            //   .selectAll('.lib-xaxis-labels-texts-drilldown')
-            //   .attr('transform', 'rotate(-30)')
-            //   .attr('text-anchor', 'end')
-            //   .attr('x', '-5')
-            //   .attr('dy', null)
-            //   .style('fill', 'var(--chart-text-color)');
+        if (this.isZoomedOut && this.chartData.data.length > 8) {
             svg
                 .selectAll('.lib-xaxis-labels-texts-drilldown')
-                .each((d, i, nodes) => {
-                const text = d3.select(nodes[i]);
-                const label = text.text();
-                // If label contains \n, split and use tspan for each line
-                if (label.indexOf('\n') > -1) {
-                    const lines = label.split('\n');
-                    text.text(null);
-                    lines.forEach((line, idx) => {
-                        text.append('tspan')
-                            .text(line)
-                            .attr('x', 0)
-                            .attr('dy', idx === 0 ? '1em' : '1.1em');
-                    });
-                }
-                else {
-                    // Fallback: split by space for other labels
-                    const words = label.split(' ');
-                    text.text(null);
-                    words.forEach((word, index) => {
-                        text.append('tspan').text(word);
-                    });
-                }
-            })
-                .style('fill', 'var(--chart-text-color)')
-                .attr('transform', null); // Remove rotate if using line breaks
-            // Optional: Adjust bottom margin or chart layout
-            svg
-                .select('.x-axis')
-                .attr('transform', `translate(0, ${height - margin.bottom + 10})`);
+                .attr('transform', 'rotate(-90)')
+                .attr('text-anchor', 'end')
+                .attr('x', '-5')
+                .attr('dy', null);
         }
         function styleAxisDomain() {
             svg.selectAll('.domain')