Я делаю диаграмму google, показывающую и скрывающую функциональность. График диаграммы будет скрыт при загрузке страницы и когда пользователь нажмет на кнопку диаграмму, станет видимым. Мой код
<script type="text/javascript">
google.load("visualization", "1", { packages: ["corechart"] });
google.setOnLoadCallback(drawChart);
function drawChart() {
var items = $(".label1").text();
var data = google.visualization.arrayToDataTable([
<%= chartItems %>
]);
var options = {
title: 'Poll Results'
};
var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
<div id="chart_div" style="display:none; width:800px;height:500px;"></div>
Моя проблема в том, что когда пользователь нажимает на кнопку, и диаграмма видна, она не принимает полную ширину и высоту (800x500). Вместо этого она принимает неизвестное измерение (400x200). Примечание: когда диаграмма становится видимой в самой загрузке страницы, она работает правильно. Код - это такое же изменение в HTML, как это.
<div id="chart_div" style=" width:800px;height:500px;"></div>