question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

3.19.2 -> 3.19.3 Some Charts (Scatter/Bubble) not redrawing on parent resize.

See original GitHub issue

Is your feature request related to a problem? Please describe. I’m having issues resizing scatter plot, bubble chart after upgrade from 3.19.2 -> 3.19.3.

Just by downgrading to apex-charts@3.19.2 my scatter and bubble charts resize more as expected.

Describe the solution you’d like Help me understand why I’m seeing this behavior with the version change.

Describe alternatives you’ve considered

  • Manually redraw charts by listening to parent resize events.
  • Sticking with 3.19.2 but that’d suck.

Additional context Here is a gif of the behavior: pqEzSJKGYE

The wrapper for the chart

.grid-widget-container{
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.grid-widget {
    flex: 1;
    box-sizing: border-box;
    padding: 0;
    height: 100%;
    min-height: 0;
    width: 100%;
    overflow: auto;
}

chart-wrapper {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}
    <div class="grid-widget-container">
      <div class="grid-widget">
        <div class="chart-wrapper">
          <!-- chart display block -->
        </div>
      </div>
    </div>

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:15 (4 by maintainers)

github_iconTop GitHub Comments

4reactions
junedchhipacommented, Jan 24, 2021

Sorry for the delay. The issue has been fixed and a new version will be released soon.

2reactions
junedchhipacommented, Sep 27, 2020

Thank you for providing a codesandbox. This will be addressed soon.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Present your data in a bubble chart - Microsoft Support
A bubble chart is a variation of a scatter chart in which the data points are replaced with bubbles, and an additional dimension...
Read more >
Scatter chart and bubble chart (think-cell tutorials) - YouTube
This video provides step-by-step instructions on how to create scatter and bubble charts with think-cell.0:00 - Introduction scatter ...
Read more >
apexcharts: Versions | Openbase
New property redrawOnWindowResize which allows you to control whether the chart should update when the window size changes. This is different from ...
Read more >
Scaling/resizing the diameter of all bubbles on a bubble chart ...
The drawn bubble size does not change if I alter the data reduce the SizeValues of all the plotted points (some sort of...
Read more >
How to resize bubble / point in scatter chart?
Anybody has solution to resize the bubble, please kindly share. I have searched over the internet but did not find any solution for...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found