Function computeBarLayoutPx

src/interaction/findNearestPoint.ts:286–330

(
  seriesConfigs: ReadonlyArray<ResolvedBarSeriesConfig>,
  xScale: LinearScale,
)

}>;

export function computeBarLayoutPx(
  seriesConfigs: ReadonlyArray<ResolvedBarSeriesConfig>,
  xScale: LinearScale,
): BarLayoutPx {
  const clusterSlots = computeBarClusterSlots(seriesConfigs);
  const clusterCount = clusterSlots.clusterCount;

  const categoryStep = computeBarCategoryStep(seriesConfigs);
  const categoryWidthPx = computeCategoryWidthPx(seriesConfigs, xScale, categoryStep);

  const layout = computeSharedBarLayout(seriesConfigs);
  const barGap = clamp01(layout.barGap ?? DEFAULT_BAR_GAP);
  const barCategoryGap = clamp01(layout.barCategoryGap ?? DEFAULT_BAR_CATEGORY_GAP);

  const categoryInnerWidthPx = Math.max(0, categoryWidthPx * (1 - barCategoryGap));
  const denom = clusterCount + Math.max(0, clusterCount - 1) * barGap;
  const maxBarWidthPx = denom > 0 ? categoryInnerWidthPx / denom : 0;

  let barWidthPx = 0;
  const rawBarWidth = layout.barWidth;
  if (typeof rawBarWidth === 'number') {
    barWidthPx = Math.max(0, rawBarWidth);
    barWidthPx = Math.min(barWidthPx, maxBarWidthPx);
  } else if (typeof rawBarWidth === 'string') {
    const p = parsePercent(rawBarWidth);
    barWidthPx = p == null ? 0 : maxBarWidthPx * clamp01(p);
  }

  if (!(barWidthPx > 0)) {
    // Auto-width: max per-bar width that still avoids overlap (given clusterCount and barGap).
    barWidthPx = maxBarWidthPx;
  }

  const gapPx = barWidthPx * barGap;
  const clusterWidthPx = clusterCount * barWidthPx + Math.max(0, clusterCount - 1) * gapPx;

  return {
    categoryStep,
    categoryWidthPx,
    barWidthPx,
    gapPx,
    clusterWidthPx,
    clusterSlots,
  };
}

const computeBaselineForBarsFromData = (seriesConfigs: ReadonlyArray<ResolvedBarSeriesConfig>): number => {
  let yMin = Number.POSITIVE_INFINITY;