Google圖表未顯示Axis？

Question

今天早上，我一直在使用Google地理圖表，雖然大部分時間都在使用它，但它並沒有在底部顯示軸。 它也沒有在懸停工具提示中顯示國家。

我使用的代碼是：

<script type="text/javascript">
    function mapMe() {
      google.charts.load('upcoming', {'packages':['geochart']});
      google.charts.setOnLoadCallback(drawRegionsMap);

      function drawRegionsMap() {
        arr = myParse();        
        var data = google.visualization.arrayToDataTable(arr);  

        var options = {colorAxis: {colors: ['#f5f5f5','#267114']}};
        var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));

        chart.draw(data, options);
      }
    }
</script>
<div class='container'>
    <div id="regions_div" style="width: 900px; height: 500px;"></div>
        <br><br><br><textarea rows="4" cols="50" id="testArea"></textarea>
        <button onclick='mapMe()'>
</div>

..並且為數組調用的函數是：

function myParse() {
    var data = $('#testArea').val();
    var rows = data.split("\n");
    var result = [];
    var col = [];
    for (var r in rows) {
        row = rows[r].split("\t");
        result.push(row);
    }
    return result;
}

結果：

我輸入的數據是從Excel復制並粘貼到文本區域中的。 看起來像：

|Country|Number|
|Russia |1     |
..etc

我想念一些愚蠢的東西嗎？ 只是無法解決。 任何幫助深表感謝！

Answer 1

改變了我的方法並使它起作用，盡管不是我最初打算的那樣：

    function mapMe() {

        google.charts.load('upcoming', {'packages':['geochart']});
        google.charts.setOnLoadCallback(drawRegionsMap);

        function drawRegionsMap() {

            var data_table = new google.visualization.DataTable();

            //NEED TO UPDATE THIS TO CHECK DATA TYPE OF FIRST ROW AND AUTO OUTPUT COLUMN HEADERS
            data_table.addColumn({"type": "string","label": "Country"});
            data_table.addColumn({"type": "number","label": "Volume"});

            var datas = $('#testArea').val();
            var rows = datas.split("\n");

            for (var r = 1; r < rows.length; r++) {
                row = rows[r].split("\t");
                data_table.addRow([{v: row[0]}, {v: parseInt(row[1])}]);
            }

            var options = {colorAxis: {colors: ['#f5f5f5','#267114']},  legend: {textStyle: {color: 'blue', fontSize: 16}}};
            var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));


            chart.draw(data_table, options);
        }
    }

我沒有遍歷傳遞數組，而是在遍歷並使用addRow命令。