google-visualization - 重新绘制谷歌图表

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