调整父div调整大小的图表大小

Question

希望有人可以帮助我解决困扰我的事情。

我有一个基于流体网格系统的页面。我正在使用gvchart插件：http://www.ivellios.toron.pl/technikalia/2010/06/22/gvchart-plugin-jquery-with-google-charts/来使用表格生成Google图表。一切正常，除非浏览器调整大小时元素开始叠加，因为图表在JS中具有设置宽度，例如：

jQuery('#myTable').gvChart({
    chartType: 'AreaChart',
    gvSettings: {
        vAxis: {title: 'No of players'},
        hAxis: {title: 'Month'},
        width: 600,
        height: 300
    }
});

那么无论如何都有这样的话，当浏览器调整大小时，图表会重新生成父元素的正确宽度吗？

非常感谢

Answer 1

您可以在窗口的resize事件上设置图表的尺寸。

$(window).resize(function() {
    resetDimensions();
});

resetDimensions是设置图表宽度和高度的方法。