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.

Use auto height on chart-wrapper div

See original GitHub issue

Hello; 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:closed
  • Created 3 years ago
  • Comments:18 (18 by maintainers)

github_iconTop GitHub Comments

2reactions
metasoarouscommented, Nov 5, 2020

Here’s an image of what’s going on:

image

1reaction
domoritzcommented, May 10, 2021

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.

Read more comments on GitHub >

github_iconTop 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 >

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