如何根據傳遞給它的數據來更改Google Charts餅圖的大小？

Question

我想要三個餅圖，每個餅圖可以說是一片，因為只有一個數據會傳遞給它。 因此，例如，一個餅圖將是本月購買的汽車數量，下一張圖將具有上個月購買的汽車數量，最后一張圖將具有今年購買的汽車總數。 如果本月購買的汽車數量為1200，上個月購買的汽車數量為2000，那么我希望這可以在餅圖的大小中反映出來。 我知道它與

width: and height: 

在配置選項中，我不確定如何動態應用此功能，因為它每天都會更改。

我已經考慮過使用一個餅圖，但是使用三個單獨的圖表將更適合這種情況。

Answer 1

您沒有提供任何代碼或有關如何使用Google Chart API的說明。 但是從javascript開始，您應該有一個options對象，如下所示：

var options = {'title':'Number of Cars',
                 'width':todaysWidth,
                 'height':todaysHeight,
                 legend: 'none'
  };

只需將寬度和高度設置為所需的值，然后繪制圖表即可：

myChart.draw(data,options);

其中myChart是google.visualization餅圖類的實例。 當值更改時，只需對options對象進行更改，然后調用myChart.draw(data,options); 再次。

因此，可以更新此內容的函數可能是：

function updateChart(newHeight,newWidth,myChart){
    var options={'title':'Number of Cars',
        'height':newHeight,
        'width':newWidth,
        legend:'none'
    }
    myChart.draw(data,options);
}

因此，每當數據更改時，您都將調用updateChart(...); 使用適當的高度，寬度和圖表作為參數。