When a chart is placed inside the collapse option of bootstrap with the responsive to true, it is not showing.
Only when you resize the screen, the chart pops up
4 thoughts on “Responsive in combination with bootstrap collapse”
Comments are closed.
Recent comments
- Anonymous on set ‘type: FloatType’ as default for EffectComposer
- Anonymous on Stop doing a release every week
- Anonymous on Angular Animation breaks nested ng-content + ngIf
- Anonymous on why sm_61 was dropped from the nightly build?
- Anonymous on Best practice unified identifier, two different platforms
[React Native] Facebook Video Downloader
[REACT NATIVE] IELTS FORCASTING APP
I’m still getting this problem.
This still occurs if
maintainAspectRatio: falseThis does still appear to be a bug in the latest version still but setting
maintainAspectRatiototruedoes fix it.If you set the chart to hidden, load your data then display the element the chart doesn’t render at all if the canvas for the chart is the only element inside the DIV. If you add some text then the chart appears underneath but then gradually grows indefinitely in height until it crashes your browser. The canvas is set for a width of 200px but this is ignored.
Using vue-chartjs wrapper and having this exact same issue. Still not fixed.
Temporary fixed it by adding
min-height: 400pxon the canvas itself.Seems like the default height value cannot be applied on the canvas if its direct parent does not have a proper height.