перерисовать гугл чарт

Question

У меня есть таблица, отображаемая с помощью API визуализации Google внутри элемента с изменяемым размером. Мне нужно перерисовать таблицу после изменения размера родительского элемента. После изменения размера родительского элемента я могу щелкнуть заголовок столбца, чтобы преобразовать таблицу, и она также будет перерисовывать таблицу, чтобы соответствовать новому размеру, но как я могу сделать это программно?

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