axidio-styleguide-library1-v2 0.3.47 → 0.3.48

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

@@ -7010,20 +7010,19 @@ class HorizontalBarsWithScrollZoomComponent extends ComponentUniqueId {
     }
     renderGridsFromLeftAxis(svgYAxisLeft, scales, dimensions) {
         if (this.chartConfiguration.yAxisGrid) {
-            // Calculate how far the grid lines need to extend
-            // They start from the left Y-axis at x=80 and go to the full width
-            const gridWidth = dimensions.requiredSvgWidth - 80 - this.CONSTANTS.RIGHT_SVG_WIDTH;
+            // Ensure full grid length by not subtracting the left axis width
+            const gridWidth = dimensions.requiredSvgWidth; // This uses the real chart width
             svgYAxisLeft
                 .append('g')
                 .attr('class', 'grid horizontal-grid-from-left')
                 .attr('transform', 'translate(0, 0)')
                 .call(d3.axisLeft(scales.yScale)
                 .ticks(this.chartConfiguration.numberOfYTicks)
-                .tickSize(-gridWidth) // Negative tick size to extend horizontally
+                .tickSize(-gridWidth)
                 .tickFormat(() => ''))
                 .style('color', 'var(--chart-grid-color)')
                 .style('opacity', 1)
-                .call(g => g.select('.domain').remove()) // Remove domain line
+                .call(g => g.select('.domain').remove())
                 .call(g => g.selectAll('.tick line').style('stroke', 'var(--chart-grid-color)').style('stroke-width', '1px'));
         }
     }