使用精确度量适合Google Chart PIE

Question

我需要在宽度为300px的情况下使用PIE，而谷歌图表似乎是不可能的。

我实际上正在使用此代码：

<script type="text/javascript">
  function drawVisualization() {
    // Create and populate the data table.
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Task');
    data.addColumn('number', 'Hours per Day');
    data.addRows(5);
    data.setValue(0, 0, 'a');
    data.setValue(0, 1, 11);
    data.setValue(1, 0, 'b');
    data.setValue(1, 1, 2);
    data.setValue(2, 0, 'c');
    data.setValue(2, 1, 2);
    data.setValue(3, 0, 'd');
    data.setValue(3, 1, 2);
    data.setValue(4, 0, 'e');
    data.setValue(4, 1, 7);

    // Create and draw the visualization.
    new google.visualization.PieChart(document.getElementById('visualization')).
        draw(data, {width: 300, height: 300, legend: 'none', chartArea: {left:0,top:0,bottom:0,right:0}});
  }


  google.setOnLoadCallback(drawVisualization);
</script>

生成的结果是下一个，生成的<iframe />的宽度和高度为300px，但远离使用所有空间。

我如何解决这个问题？

Answer 1

我也有你的问题，我找到了解决方案：

chart.draw(data, {tooltipText: 'percentage', legend: 'none', width: 400, height: 400, chartArea: {width:400, height:400, left:9,top:9,bottom:0,right:0}});

试试这段Javascript代码。 BTW。谷歌API糟透了。