vue3-apexcharts icon indicating copy to clipboard operation
vue3-apexcharts copied to clipboard

Chart overflows in x direction when vertical scroll bar is present

Open MetRonnie opened this issue 2 years ago • 2 comments

The width applied to the chart is slightly too large on initial page load because it doesn't take into account the width of the vertical scrollbar.

image

If you resize the window it recalculates the width and stops overflowing in the x direction.

Tested in Chrome

MetRonnie avatar Jun 23 '23 15:06 MetRonnie

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

github-actions[bot] avatar Aug 02 '24 14:08 github-actions[bot]

I haven't tested in v1.5.3 but I presume the issue is still present as there is nothing to suggest it has been fixed

MetRonnie avatar Aug 02 '24 15:08 MetRonnie

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

github-actions[bot] avatar Apr 15 '25 14:04 github-actions[bot]

Activity

MetRonnie avatar Apr 16 '25 10:04 MetRonnie

@MetRonnie Please provide a reproducible codepen example.

junedchhipa avatar Apr 16 '25 11:04 junedchhipa

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

github-actions[bot] avatar Jun 15 '25 14:06 github-actions[bot]

Fix for anyone looking. After setting series data:

await nextTick()
window.dispatchEvent(new Event('resize'))
chart.value.refresh()

hmmdeif avatar Jun 26 '25 17:06 hmmdeif