정확한 수치로 Google 차트 PIE 맞춤

Question

PIE를 300px 너비에 맞추고 Google 차트에서는 불가능 해 보입니다.

<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}}); 

자바 스크립트 코드의 조각을 시도합니다. BTW. 구글 API는 짜증나.