模式html javascript中google图表的大小
我正在用html和javascript处理modal,我想自定义绘图的大小。我的谷歌图表:模式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:
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">×</span>
<p>Some text in the Modal..</p>
<div id="chart_div" style="width: 900px; height: 500px"></div>
</div>
</div>
</div>
</div>