模式html javascript中google图表的大小

模式html javascript中google图表的大小,javascript,jquery,html,twitter-bootstrap,google-visualization,Javascript,Jquery,Html,Twitter Bootstrap,Google Visualization,我正在用html和javascript处理modal,我想自定义绘图的大小。我的谷歌图表: function drawChartVector(vector) { var data = google.visualization.arrayToDataTable(vector); var options = { title: 'Company Performance', hAxis: {title: 'Year', titleTextStyle:

我正在用html和javascript处理modal,我想自定义绘图的大小。我的谷歌图表:

 function drawChartVector(vector) {
    var data = google.visualization.arrayToDataTable(vector);

    var options = {
        title: 'Company Performance',
        hAxis: {title: 'Year', titleTextStyle: {color: '#333'}},
        vAxis: {minValue: 0}
    };

    var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
    chart.draw(data, options);
}
我的情态:


&时代;
模态中的一些文本

但当我展示:

模式大小不一致,但图表不一致。

我认为您应该在显示模式后尝试调用
drawChartVector(vector)
。因为
显示:无元素的宽度/高度始终为0。是的,非常感谢,我第一次调用模态,之后调用图表,并使用modal.style.display=“block”;setOnLoadCallback(drawChartVector(数据,名称));
<div id="myModal" class="modal">

    <!-- Modal content -->
    <div class="modal-content">
        <div class="container">
            <div class="col-md-12">

                <span class="close">&times;</span>
                <p>Some text in the Modal..</p>
                <div id="chart_div"  style="width: 900px; height: 500px"></div>
            </div>
        </div>

    </div>
</div>