You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Stroke seems to shift small bars away from where they're supposed to be.
Steps to Reproduce
Create a bar chart with height 325. Have a stroke of colour transparent and width 1. Have a border radius of 4 with application 'end'.
Create two series of data. Some data points have to be high and the others really low (let's say >80 and <2).
Expected Behavior
The bar chart should show a gap between bars of different series without making any very small bars flip over.
Actual Behavior
I guess because the stroke is applied all around the bar, it somehow moves it down?
Description
Stroke seems to shift small bars away from where they're supposed to be.
Steps to Reproduce
Create a bar chart with height 325. Have a stroke of colour transparent and width 1. Have a border radius of 4 with application 'end'.
Create two series of data. Some data points have to be high and the others really low (let's say >80 and <2).
Expected Behavior
The bar chart should show a gap between bars of different series without making any very small bars flip over.
Actual Behavior
I guess because the stroke is applied all around the bar, it somehow moves it down?
Screenshots
Reproduction Link
I'm using react-apexcharts but I've replicated the same problem with the base library:
https://codepen.io/Shazami/pen/xbKqXea
The text was updated successfully, but these errors were encountered: