Wrong bar width when displaying both negative and positive values in horizontal barchart

[vogelino]

Hello and thank you for this great library which is very enjoyable to use!

I noticed that horizontal barcharts show negative bars incorrectly when both negative and positive values are displayed simultaneously (see screenshot). Charts with only negative values or only positive values are displayed correctly. Charts with both positive and negative values show positive values correctly but the negative bars are displayed smaller that then should be:

✅ Only positive values:

✅ Only negative values:

⚠️ Both values:

This is how I use the chart:

<VisXYContainer padding={{ top: 8, bottom: 8, right: 16 }} height={chartHeight}>
	{#if $query.isSuccess && data.length > 0}
		<VisStackedBar
			{data}
			{x}
			{y}
			{color}
			numTicks={Math.max(2, data.length)}
			tickValues={data.length === 1 && firstValidValue === 0 ? [0, 5] : undefined}
			orientation="horizontal"
			barPadding={0.2}
			barMinHeight1Px
		/>
		<VisAxis type="x" tickFormat={xTickFormat} numTicks={5} />
		<VisAxis
			type="y"
			tickFormat={yTickFormat}
			tickValues={yTickValues}
			gridLine={false}
			numTicks={data.length}
			tickTextFitMode="trim"
			tickTextTrimType="end"
		/>
		<VisTooltip {triggers} />
	{:else if $query.isSuccess && data.length === 0}
		<div class="absolute inset-0 flex items-center justify-center">
			{$LL.pages.measurements.noDataAvailable()}
		</div>
	{/if}

	{#if $query.error}
		<div class="absolute inset-0 flex items-center justify-center">
			<ErrorAlert errorObject={$query.error} />
		</div>
	{/if}
</VisXYContainer>

[rokotyan]

@vogelino Thank for reporting! Definitely a bug, we'll try to find time for it this week

[vogelino]

@rokotyan Awesome. Thx a lot!

[rokotyan]

@vogelino Released a beta version with the fix: 1.5.1-exf.10

[vogelino]

@vogelino Released a beta version with the fix: 1.5.1-exf.10

Awesome! Thank you so much! Your'e the best!