axidio-styleguide-library1-v2 0.2.76 → 0.2.78

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

@@ -7790,9 +7790,14 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
         let alternate_text = false;
         if (this.chartConfiguration.isMultiChartGridLine === undefined) {
             // Normal ticks for dashboard charts
+            // Dynamically adjust Y translation for mobile
+            let translateY = height;
+            if (isMobile) {
+                translateY = height + 16; // Add extra space at the top for mobile
+            }
             svg.append('g')
                 .attr('class', 'x1 axis1')
-                .attr('transform', `translate(0,${height})`)
+                .attr('transform', `translate(0,${translateY})`)
                 .call(d3.axisBottom(x))
                 .call((g) => g.select('.domain').remove());
             svg.selectAll('g.x1.axis1 g.tick line').remove();
@@ -7957,10 +7962,10 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
         // Mobile handling: keep date labels intact for single-series charts (do not trim)
         if (isMobile) {
             const isDateLabel = /\d{2,4}[-\/]\d{1,2}[-\/]\d{1,4}/.test(d) || !isNaN(Date.parse(d));
-            if (isDateLabel && subgroups && subgroups.length < 3) {
-                // For single-series charts on mobile, show full date labels (no trimming)
-                return d;
-            }
+            // if (isDateLabel && subgroups && subgroups.length < 3) {
+            //   // For single-series charts on mobile, show full date labels (no trimming)
+            //   return d;
+            // }
             // If header is hidden (compact mobile), trim non-date labels as before
             if (!self.isHeaderVisible) {
                 const firstPart = d.split(/[\s\-]+/)[0];