Use auto height on chart-wrapper div
See original GitHub issueHello; Thanks for your time.
I don’t know when this changed, but I recently discovered that the latest vega-*
releases automatically set div.chart-wrapper {height: 100%}
which has the effect of leaving a large blank area underneath the visible chart area. I can customize this from Oz via my own stylesheets, but this may catch users offguard who opt out of these styles, or presumably who are using vega outside of Oz. Please consider switching back to the previous behavior.
Thanks again!
Issue Analytics
- State:
- Created 3 years ago
- Comments:18 (18 by maintainers)
Top Results From Across the Web
A responsive div is getting way to long height using bootstrap
I have a web that shown 4 bar charts, using Chartist, on one row. I am trying to use the responsive solution of...
Read more >Google Visualization API Reference | Charts
A ChartWrapper class is used to wrap your chart and handle all loading, drawing, and Datasource querying for your chart. The class exposes...
Read more >Altering height of chart dynamically, based on the resultset ...
As I can find no way to alter the height of the graph itself, I am attempting to do this by using JQUERY...
Read more >Chart - How to set the widget height to 100% of the whole ...
We tried to use CSS flexboxes to allow the chart's container to resize to ... <div style="height: 100%;"> <div class="chartwrapper"> <div ...
Read more >Set Chart Size with ChartJS - Mastering JS
To set the chart size in ChartJS, we recommend using the responsive option, ... width: 100%; } </style> <div id="chart-wrapper"> <canvas ...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Here’s an image of what’s going on:
It’s not super obvious. We build a ts file with the style: https://github.com/vega/vega-embed/blob/master/build-style.sh as a strong variable in it.