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.

Chart is squished if it is initially hidden

See original GitHub issue

plunkrs

based on version 0.1.1: http://plnkr.co/edit/ncT72d?p=preview based on version 1.0.1: http://plnkr.co/edit/mx0ANq?p=preview

Repro steps

Wrap the chart in a div that is initially hidden Unhide that div (e.g. using ng-click and ng-show)

Expected

chart is full width

Actual

Chart is squished on the left side.

Workaround

If you trigger the window resize event manually after unhiding, the chart resizes itself properly.

window.dispatchEvent(new Event('resize'));

Issue Analytics

State:
Created 8 years ago
Reactions:1
Comments:11

Top GitHub Comments

4reactions

cs-NETcommented, Mar 6, 2016

@claycephas thanks for the workaround. I decided to switch ng-show over to ng-if which also resolves the issue. Thought I would share for others looking for a quick workaround.

2reactions

rishabhbhatiacommented, Mar 15, 2017

Hi can someone help, this is still a big pain point for me. I have 4 graphs on screen, replacing ng-show with ng-if solved some part of rendering problem. The graphs rendered correctly, but if i toggle inspect element open/close or resize the window multiple times, all graphs are shrunk & shifted to left. Can someone help me to make this work, when window resizes dynamically.