删除 Google 图表中不必要的顶部空间

Question

我在Google图表上有问题，我可以通过我需要的图表类型来显示我想要的东西。在图表中放置许多值时，我必须增加图表的高度，但与此同时，我增加了图表的高度，以使所有值都不拥挤，它增加了一种顶部填充。也就是说，如果我必须在例如1500px的图表上贴上一个高度，以便很好地显示图表。上面有白色的空间是巨大的，是致命的。

我一直在看文档，但找不到解决方法。 有人知道如何减少该空间吗？

MI代码是：

      
        <div id="title-chart">
          <h1>World Chart</h1>
          <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Molestiae vitae incidunt quos? Culpa quaerat provident quae ipsam, molestias, aperiam deleniti quas maxime quis optio facilis corrupti, ducimus ipsum consectetur vitae.</p>
          <div class="chart">
            <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
            <div id="chart_div"></div>
            <script>
              google.charts.load('current', {packages: ['corechart', 'bar']});
google.charts.setOnLoadCallback(drawBasic);

function drawBasic() {

      var data = google.visualization.arrayToDataTable([
        ['Contry', 'count', { role: 'style' }],
        ['Spain', 8175000, 'blue'],
        ['France', 3792000, 'pink'],
        ['Portugal', 2695000, 'black'],
        ['Italy', 3099000, 'silver'],
        ['Creece', 4526000, 'silver'],
        ['Germany', 5526000, 'silver'],
        ['Turquish', 2526000, 'silver'],
        ['Marruecos', 1526000, 'silver'],
        ['Ukranie', 7526000, 'silver'],
        ['Rusia', 6526000, 'silver'],
        ['Andorra', 5526000, 'silver'],
        ['Creece', 4526000, 'silver'],
        ['Germany', 5526000, 'silver'],
        ['Turquish', 2526000, 'silver'],
        ['Marruecos', 1526000, 'silver'],
        ['Ukranie', 7526000, 'silver'],
        ['Rusia', 6526000, 'silver'],
        ['Andorra', 5526000, 'silver'],
        ['Creece', 4526000, 'silver'],
        ['Germany', 5526000, 'silver'],
        ['Turquish', 2526000, 'silver'],
        ['Marruecos', 1526000, 'silver'],
        ['Ukranie', 7526000, 'silver'],
        ['Rusia', 6526000, 'silver'],
        ['Andorra', 5526000, 'silver'],
        ['Creece', 4526000, 'silver'],
        ['Germany', 5526000, 'silver'],
        ['Turquish', 2526000, 'silver'],
        ['Marruecos', 1526000, 'silver'],
        ['Ukranie', 7526000, 'silver'],
        ['Rusia', 6526000, 'silver'],
        ['Andorra', 5526000, 'silver'],
      ]);

      var options = {
        title: 'Total world',
        legend: { position: 'none' },
        height: 1500,
        chartArea: {width: '50%'},
        
      };

      var chart = new google.visualization.BarChart(document.getElementById('chart_div'));

      chart.draw(data, options);
    }
            </script>
          </div>
        </div>
    </div>

如果我降低图的高度，则此空间也会减小，但与此同时，该图的值越来越近，看起来不好。

我给您留下了发生的情况：