title: Set spacing around Baidu eChart instances
body: <p>When making multiple charts with eCharts, the individual charts are spaced far apart from each other, with excessive whitespace:</p>
  
  <p><a href="https://i.stack.imgur.com/9J4ZF.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9J4ZF.png" alt="enter image description here"></a></p>
  
  <p>I want to make the charts taller and push them closer together to make better use of the screen.</p>
  
  <p>The question <a href="https://stackoverflow.com/questions/28065844/how-to-minimize-whitespace-around-baidus-echarts">How to minimize whitespace around Baidu's echarts</a> seems similar, but all the answers are focused on the grid approach to multiple charts. The problem with the grid approach is that while it spaces the charts nicely, eCharts doesn't give each chart its own legend or title in a grid, but instead makes a single legend at the bottom of the grid. </p>
  
  <p><a href="https://i.stack.imgur.com/vvMNb.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vvMNb.png" alt="enter image description here"></a></p>
  
  <p>Other charting solutions (jscharting, Apex charts, chart.js) all use the same html setup more efficiently with minimal whitespace, so I don't think the problem is in the html/css. Here's the spacing for jscharting on the same page, for example:</p>
  
  <p><a href="https://i.stack.imgur.com/Il4sI.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Il4sI.png" alt="enter image description here"></a></p>
  
  <p>I'd be happy either with an answer that explains how to reduce the margins around individual charts, or with one that explains how to give individual legends/titles to charts in a grid.</p>