The border of the x-axis is misaligned in the Reversed Horizontal Bar Chart. - Githubissues

apexcharts / apexcharts.js

📊 Interactive JavaScript Charts built on SVG

https://apexcharts.com

MIT License

14.26k stars 1.29k forks source link

The border of the x-axis is misaligned in the Reversed Horizontal Bar Chart. #4314

Closed hondash closed 6 months ago

hondash commented 6 months ago

Description

When using a reversed bar chart, the graph isn't extending from the 0 point and unnecessary borders are visible.

Steps to Reproduce

Create a horizontal bar chart with the y-axis reversed set to true.

Expected Behavior

The borders are overlapping and the graph extends from the zero point.

Actual Behavior

There is an unnecessary border, and the graph does not extend from the zero point.

Screenshots

Reproduction Link

https://codesandbox.io/p/sandbox/react-apexcharts-tggl9w?file=%2Fsrc%2FApp.js

rosco54 commented 6 months ago

Axis borders are optional and default to:

yaxis: { axisBorder: { show: true}}