apexcharts / apexcharts.js

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

Combo chart columnWidth:100% appears with large gaps when zoomed in #4414

Open LeoMcH36 opened 2 months ago

LeoMcH36 commented 2 months ago

Description

I like my columns with no gaps in between, so i set the columnWidth setting via plotOptions to 100% but when i zoom-in in my combo chart, large gaps suddenly appear which doesn't happen for a standalone bar chart. I've tested both using the same data so it shouldn't be happening

Steps to Reproduce

  1. Create a chart with at least two series, one being column and one being line
  2. set plotOptions : { bar: { columnWidth:'100%' }
  3. zoom into graph via drag zoom

Expected Behavior

Column width should visually stay 100% as it does when its a standalone bar chart

Actual Behavior

Column width appears to be reduced drastically

Screenshots

only bar chart pre zoom in bar chart pre zoom in

only bar chart post zoom in bar chart post zoom in

combo chart pre zoom in combo chart pre zoom in

combo chart post zoom in combo chart post zoom in

Reproduction Link

https://codepen.io/rogueDovah/pen/ZEZmONw