谷歌图表的问题是bootstrap Modal

Question

When i am trying to add a google chart in bootstrap modal , it is coming in a small size , I have added a resize function to redraw it when the screen size changes .

Still the chart onLoad is small but when i resize the window, it occupies the full width.

The issue is not coming when i am adding google chart in normal html page .

Normal HTML Page and Bootstrap Modal Page

Any type of help is appreciated :)

Answer 1

Override bootstrap's modal-dialog width setting:

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

... and call your resize function once the modal is open:

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

Using Bootstrap's modal events