重繪谷歌圖表

Question

我有一個表格圖表與谷歌可視化API內可調整大小的元素呈現。父元素調整大小後，我需要重繪表格。在調整父元素的大小之後，我可以單擊列標題來調整表格，並重新繪製表格以適應新的大小，但是如何以編程方式執行此操作？

Answer 1

您可以隨時再次調用圖表對象上的draw（）函數。

// Global variables, as they are accessed by different functions. 
var data; 
var options; 
var chart; 

function drawVisualization() { 
    // Create and populate the data table. 
    data = new google.visualization.DataTable(); 
    data.addColumn('string', 'Column'); 
    data.addColumn('number', 'Value'); 
    data.addRows([['A', 27.49], ['B', 27.81]]); 

    options = {width: 600, height: 600}; 
    chart = new google.visualization.ColumnChart(document.getElementById('visualization')); 
    // Here we draw the visualization by first time 
    chart.draw(data, options); 
} 

function resize() { 
    options = {width: 300, height: 300}; 
    // Here we re-draw 
    chart.draw(data, options); 
}