axidio-styleguide-library1-v2 0.3.12 → 0.3.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -6738,7 +6738,7 @@ class HorizontalBarsWithScrollZoomComponent extends ComponentUniqueId {
6738
6738
  .rangeRound([0, dimensions.requiredSvgWidth]) // Full width from 0
6739
6739
  .domain(data.map(d => d.name).reverse())
6740
6740
  .paddingInner(paddingRatio)
6741
- .paddingOuter(0.5)
6741
+ .paddingOuter(0)
6742
6742
  .align(0.5);
6743
6743
  const xScaleFromOrigin = d3
6744
6744
  .scaleBand()
@@ -7063,12 +7063,12 @@ class HorizontalBarsWithScrollZoomComponent extends ComponentUniqueId {
7063
7063
  .call((g) => g.select('.domain').remove());
7064
7064
  }
7065
7065
  if (this.chartConfiguration.yAxisGrid) {
7066
- const gridStartX = this.CONSTANTS.LEFT_RIGHT_SPACES;
7067
- const gridWidth = dimensions.requiredSvgWidth - gridStartX;
7066
+ // Grid lines start from x=0 (no gap with Y-axis)
7067
+ const gridWidth = dimensions.requiredSvgWidth;
7068
7068
  svg
7069
7069
  .append('g')
7070
7070
  .attr('class', 'grid horizontal-grid')
7071
- .attr('transform', `translate(${gridStartX},0)`)
7071
+ .attr('transform', 'translate(0,0)') // Start from x=0
7072
7072
  .call(d3
7073
7073
  .axisLeft(scales.yScale)
7074
7074
  .ticks(this.chartConfiguration.numberOfYTicks)
@@ -7078,6 +7078,9 @@ class HorizontalBarsWithScrollZoomComponent extends ComponentUniqueId {
7078
7078
  .style('opacity', '1')
7079
7079
  .call((g) => {
7080
7080
  g.select('.domain').remove();
7081
+ g.selectAll('line')
7082
+ .attr('x1', 0)
7083
+ .attr('x2', -gridWidth);
7081
7084
  });
7082
7085
  }
7083
7086
  if (this.chartConfiguration.xAxisGrid) {
@@ -7139,7 +7142,8 @@ class HorizontalBarsWithScrollZoomComponent extends ComponentUniqueId {
7139
7142
  xAxisGroup
7140
7143
  .select('.domain')
7141
7144
  .style('stroke', 'var(--chart-axis-color)')
7142
- .style('stroke-width', '1px');
7145
+ .style('stroke-width', '1px')
7146
+ .attr('d', `M0,0H${dimensions.requiredSvgWidth}`);
7143
7147
  // Y-axis
7144
7148
  svg
7145
7149
  .append('g')