谷歌图表的问题是bootstrap Modal

Question

当我尝试在引导模式中添加谷歌图表时，它是小尺寸，我添加了< strong>调整大小功能以在屏幕尺寸更改时重绘它。

图表 onLoad 仍为小但是当我调整窗口大小时，它会占据整个宽度。

当我在普通html页面中添加谷歌图表时，问题不会。

Normal HTML Page和Bootstrap Modal Page

赞赏任何类型的帮助:)

Answer 1

覆盖bootstrap的模态对话框宽度设置：

<div class="modal-dialog" style="width:100%">

...并在模态打开后调用调整大小函数：

$('#myModal').on('shown.bs.modal', function () {
    resize();
});

使用Bootstrap＆＃39; modal events