this.eachはgoogle geochartの関数エラーではありません

Question

<div id = "geochart" >< /div> 

<script type = "text/javascript" > 
    google.charts.setOnLoadCallback(drawAcChart); 
function drawAcChart() { 
var data = google.visualization.arrayToDataTable([ 
    ['Country', 'Popularity'], 
    ['South America', 600], 
    ['Canada', 500], 
    ['France', 600], 
    ['Russia', 700], 
    ['Australia', 600] 
    ]); 
var options = { 
    displayMode: 'text' 
    }; 
var chart = new google.visualization.GeoChart(document.getElementById('geochart')); 
chart.draw(data, options); 
} 
</script> 

私はgeographを取得するためのコードがあります。しかし、私はthis.eachがgeochart divの関数エラーではありません。どのような解決策を与えることができます。

Answer 1

パッケージはload声明...行、列、および散布などの

google.charts.load('current', { 
    callback: drawCharts, 
    packages: ['corechart', 'geochart'] // <-- packages for regular charts and geo charts 
}); 

通常のチャートにロードされ、地理チャートのように、すべての'corechart'パッケージを使用

専門チャートは、一般的に持っていますロードを必要とする、独自のパッケージ...

'geochart'パッケージをロードするようにしてください...

---

初心者のためdiv` `から空白を削除

google.charts.load('current', { 
 
    callback: drawCharts, 
 

 
    // packages for regular charts, and geo charts 
 
    packages: ['corechart', 'geochart'] 
 
}); 
 

 
function drawCharts() { 
 
    var data = google.visualization.arrayToDataTable([ 
 
    ['Country', 'Popularity'], 
 
    ['Germany', 200], 
 
    ['United States', 300], 
 
    ['Brazil', 400], 
 
    ['Canada', 500], 
 
    ['France', 600], 
 
    ['RU', 700] 
 
    ]); 
 

 
    var chartGeo = new google.visualization.GeoChart(document.getElementById('regions_div')); 
 
    chartGeo.draw(data); 
 

 
    var chartCol = new google.visualization.ColumnChart(document.getElementById('chart_div')); 
 
    chartCol.draw(data); 
 
}

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="chart_div"></div> 
 
<div id="regions_div"></div>