title: Huge whitespace around plotly chart in bootstrap grid
body: <p>I have a .Net application in which I am trying to create a graph using <code>bootstrap.js</code> and <code>plotly.js</code>.</p>
  
  <p>I have a problem with a huge white-space in my grid when I create a responsive chart. I have figured out that a part of the problem is that size of the plotly svg-container defaults to 450px in height.</p>
  
  <p>I have created <a href="https://jsfiddle.net/equv8d1y/7/" rel="noreferrer">a fiddle</a> showing the huge white space problem. </p>
  
  <p>In my fiddle I have a small commented code block that sets the layout size, but even setting that doesn't really seem to help with removing most of the white space. Also if it becomes too small it starts cropping away some of the chart.</p>
  
  <pre><code>//can adjust size of svg-container
  //but doesn't adjust white space
  //var layout = {
  //  height: 350
  //}
  
  //Plotly.plot(gd, pieData, layout);
  </code></pre>
  
  <p>As you might have guessed I would like to make it smaller - remove quite some of the white space, so that the table below doesn't seem so out of place.</p>