使用Google Charts API顯示兩個圖表

Question

我正在為一個項目使用Google Charts API，但在顯示多個圖表時遇到了問題。 我已經根據發現的內容修改了很多代碼，但是仍然無法顯示第二張圖表。 您可以看一下我正在使用的jsfiddle ，然后只看到第一個圖表。 任何人對為什么發生這種情況或我缺少什么都有任何想法？

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script>
google.load('visualization', '1', {packages: ['corechart']});
google.setOnLoadCallback(drawVisualizations);
function drawVisualizations() {
    var turbidityData = google.visualization.arrayToDataTable([['Date/Time', 'Turbidity'],['Jun 29, 2016 10:15 AM', 12],['Jun 29, 2016 10:30 AM', 11],['Jun 29, 2016 10:45 AM', 11]]);
    var hgData = google.visualization.arrayToDataTable([['Date/Time', 'HG'],['Jun 29, 2016 10:15 AM', 0.46],['Jun 29, 2016 10:30 AM', 0.46],['Jun 29, 2016 10:45 AM', 0.461]]);
    var turbidityOptions = { 
        title: 'SMC Turbidity (past 24 hours)',
        height: 800,
        width: 1000, 
        vAxis: {title: 'Turbidity'}, 
        hAxis: {title: 'Date/Time'}, 
        seriesType: 'bars', 
        series: {3: {type: 'area'}} };
    var hgOptions = { 
        title: 'HG Turbidity (past 24 hours)',
        height: 800,
        width: 1000, 
        vAxis: {title: 'HG'}, 
        hAxis: {title: 'Date/Time'}, 
        seriesType: 'bars', 
        series: {3: {type: 'area'}} };
    var turbidityChart = new google.visualization.ComboChart(document.getElementById('turbidity_chart_div'));
    var hgChart = new google.visualization.ComboChart(document.getElementById('hg_chart_div'));
    turbidityChart.draw(turbidityData, turbidityOptions);
    hgChart.draw(hgData, hgOptions);
}
</script>  
<div id="turbidity_chart_div"> 
<div id="hg_chart_div"> 

謝謝！

Answer 1

關閉你的div

<div id="turbidity_chart_div"> </div>
<div id="hg_chart_div"> </div>