再描画グーグルチャート

Question

サイズ変更可能な要素内にGoogle視覚化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); 
}