Google Visualization不使用完整空间（曾经）

Question

当我使用Google Visualization库创建可视化时，这是一个持续的恶化：

此图表的左侧和右侧有一个很好的75像素至少，另外还有顶部和底部的30-40。没有理由馅饼本身不能更大，当我提供足够的空间时，没有理由右边的图例像那样包裹。

我该如何解决这个问题？

Answer 1

PieChart是评分最差的

但您可以使用 - ＆gt;选项进行微调。 chartArea

请参阅以下工作摘要...

进行调整

＆＃13;

＆＃13;

google.charts.load('current', {
  callback: drawChart,
  packages: ['corechart']
});

function drawChart() {
  var data = google.visualization.arrayToDataTable([
    ['cateory', 'value'],
    ['1 - snail mail', 100],
    ['2 - de-elevatd', 200],
    ['3 - default', 900],
    ['4 high', 100],
  ]);

  var chart = new google.visualization.PieChart(document.getElementById('chart'));
  chart.draw(data, {
    chartArea: {
      height: '100%',
      width: '100%',
      // prevent highlight color of slice from being cutoff on hover
      top: 8,
      bottom: 8
    }
  });
}

＆＃13;

<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart"></div>

＆＃13;

＆＃13;

＆＃13;

无需调整

＆＃13;

＆＃13;

google.charts.load('current', {
  callback: drawChart,
  packages: ['corechart']
});

function drawChart() {
  var data = google.visualization.arrayToDataTable([
    ['cateory', 'value'],
    ['1 - snail mail', 100],
    ['2 - de-elevatd', 200],
    ['3 - default', 900],
    ['4 high', 100],
  ]);

  var chart = new google.visualization.PieChart(document.getElementById('chart'));
  chart.draw(data);
}

＆＃13;

<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart"></div>

＆＃13;

＆＃13;

＆＃13;