Problema ao exibir o Google Chart em uma guia de inicialização
Tenho um problema ao exibir um gráfico do Google em uma guia do Boostrap. Eu tenho duas guias e um gráfico do Google em cada uma. No primeiro, o gráfico é exibido corretamente, mas no segundo, o gráfico é minúsculo e compactado. Eu não entendo porque ..
Aqui está o meu código:
<div class="tab-pane active" id="player">
<h3>Players' resources</h3>
<div id="totalPlayerChart" style="height: 500px;"></div>
</div>
<div class="tab-pane" id="producer">
<h3>Producers' resources</h3>
<div id="totalProducerChart" style="height: 500px;"></div>
</div>
<script type="text/javascript">
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawTotalPlayerChart);
google.charts.setOnLoadCallback(drawTotalProducerChart);
function drawTotalPlayerChart() {
[...]
var chart = new google.visualization.LineChart(document.getElementById('totalPlayerChart'));
chart.draw(data, options);
}
function drawTotalProducerChart() {
[...]
var chart = new google.visualization.LineChart(document.getElementById('totalProducerChart'));
chart.draw(data, options);
}
</script>