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.

@vx/responsive withParentSize height issue

See original GitHub issue

Fairly new to React, (first time writing an issue on github) but am really like vx so far. I am having issues with responsive height for my graph. I have set up parentHeight and parentWidth the exact same way as outlined from examples. When running my program, the width of my graph is perfectly responsive to the size of the browser screen. However, I am getting some really weird numbers for parentHeight which constantly increases even when the height of the browser screen stays the same.

Any ideas of the problem? Source.

Issue Analytics

State:
Created 6 years ago
Reactions:1
Comments:5 (2 by maintainers)

Top GitHub Comments

1reaction

gkuntharacommented, Sep 8, 2017

Yes, @williaster’s solution worked for me! Thanks!

1reaction

hshoffcommented, Sep 6, 2017

Hi @gkunthara, thanks for checking out vx!

Looks like the chart’s height is being calculated based on parentWidth * aspectRatio https://github.com/gkunthara/Ethereum-Chart/blob/master/src/App.js#L82. This would mean your height would change even though the parentHeight has not changed. Could try changing height to be parentHeight * aspectRatio and tune the aspect ratio value to something you’re happy with.

Let me know if that doesn’t fix it, happy to take a closer look.