重绘谷歌图表

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