Установите пирог Google Chart с точными размерами

Question

Мне нужно установить пирог шириной 300 пикселей, и это невозможно с Google Chart.

Я на самом деле использую этот код:

<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 /> имеет ширину и высоту 300 пикселей, но далек от использования всего пространства.

Как я могу решить это?

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.КСТАТИ.Google API отстой.