search

apexcharts / apexcharts.js

📊 Interactive JavaScript Charts built on SVG
https://apexcharts.com
MIT License
14.35k stars 1.3k forks source link

Horizontal range bar sparkline charts have extra padding since v3.40.0 #4264

Open moranbro opened 8 months ago

moranbro commented 8 months ago

Description

When upgrading to the latest version of the library, our Range Bar charts stopped appearing how they were originally styled. We nailed it down to the upgrade v3.40.0. I'm not familiar enough with the codebase to look around for the issue in those commits. If someone is at least able to sniff around those commits for where the issue may be that would be of great help.

Steps to Reproduce

  1. Swap between v3.37.0 and v3.40.0 to observe changes in horizontal range bar sparkline chart

Expected Behavior

The fill colors of the range bars take up the entire space (in example, there should be no orange background visible

Looking at this thread, I would think this behavior is desirable https://github.com/apexcharts/apexcharts.js/issues/664

Actual Behavior

The range bar does not take up the entire space, leaving a gap surrounding the bars (in example, the orange background is visible)

Screenshots

On v3.37.0 (expected behavior)

image

On v3.40.0 and above

image

Reproduction Link

https://codepen.io/Brodie-Moran/pen/GRebKLK

ScriptShah commented 2 months ago

I like to work on this please assign me.

junedchhipa commented 2 months ago

@ahmaddonishyar I have assigned this to you. You may create a PR. Thanks!