stroke.width Creates Unwanted Vertical Gaps in Bar Charts

[saugatdwd]

Description

I have encountered an issue with the stroke.width property in ApexCharts when applied to bar charts. Currently, setting a non-zero value for stroke.width creates gaps both horizontally and vertically around the bars. This behavior is problematic, as the expectation is for stroke.width to create space only horizontally

The stroke.width property should add space around the bars only in the horizontal direction, not vertically. When stroke.width is set to a value greater than 0 (e.g., 5), it creates unwanted vertical gaps between the bars, affecting the layout and visual consistency.

Steps to Reproduce

1. Create a bar chart using ApexCharts.
2. Set the stroke.width property to any value greater than 0 (e.g., 5). 3.Observe that gaps are created both horizontally and vertically between the bars.

Expected Behavior

The stroke.width property should only create horizontal space between the bars, aligning with its intended purpose of defining the stroke width around each bar. There should be no vertical gaps caused by stroke.width.

Actual Behavior

Setting stroke.width to a value greater than 0 creates gaps around the bars both horizontally and vertically. Instead of only adding horizontal space between the bars, the stroke width adds unnecessary vertical spacing, which results in misaligned bars and affects the visual layout of the chart.

Screenshots

Reproduction Link

[brianlagunas]

The required reproduction link was not provided. Once a reproduction is provided, we can reopen.