php - Google ジオ チャート

Question

私は Google の Geo Charts API を使用しており、json を使用してデータを更新しています。

これは私のマップ js (map.php) です。

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

  function drawRegionsMap() {

  var jsonData = $.ajax({
      url: "includes/_ajax_home_map.php?metric=Clicks",
      dataType:"json",
      async: false
      }).responseText;  

    var data = new google.visualization.DataTable(jsonData);      
    var options = {
        //region: '009',
        backgroundColor: 'EAF7FE',
        colorAxis: {colors: ['910101']}
        };

    var chart = new google.visualization.GeoChart(document.getElementById('chart_div'));
    chart.draw(data, options);
};

これは、私の php 生成された json (_ajax_home_map.php) です。

$data = '{
  "cols": [
        {"id":"","label":"Country","pattern":"","type":"string"},
        {"id":"","label":"Popularity","pattern":"","type":"number"}
      ],
  "rows": [';


$metric = $_REQUEST['roi_tag'];

$sql = "SELECT SUM($metric) as '$metric',tag_1 FROM Dashboard_ClientsCampaigns_Today_HoH WHERE tag_1 != '' GROUP BY tag_1";
$sql = mysql_query($sql);

$count = 1;


while($row = mysql_fetch_array($sql)){
    $tag_1 = strtoupper($row["tag_1"]);
    if($tag_1 == "UK")$tag_1 = "GB";
    if($count != 1)$data .= ",";
    $count++;
    $data .= '{"c":[{"v":"'.$tag_1.'","f":null},{"v":'.$row[$metric].',"f":null}]}';
}

$data .= ']}';

echo $data;

これら 2 つを接続すると、空白のマップが表示されます。そこにはデータがありません。しかし..ここに奇妙な部分があります。PHP JSON を直接参照すると、次のようになります。

{ "cols": [ {"id":"","label":"Country","pattern":"","type":"string"}, {"id":"","label":"Popularity","pattern":"","type":"number"} ], "rows": [{"c":[{"v":"AU","f":null},{"v":139,"f":null}]},{"c":[{"v":"CZ","f":null},{"v":3,"f":null}]},{"c":[{"v":"DE","f":null},{"v":4,"f":null}]},{"c":[{"v":"DK","f":null},{"v":978,"f":null}]},{"c":[{"v":"ES","f":null},{"v":32,"f":null}]},{"c":[{"v":"HU","f":null},{"v":2,"f":null}]},{"c":[{"v":"IE","f":null},{"v":65,"f":null}]},{"c":[{"v":"IT","f":null},{"v":5081,"f":null}]},{"c":[{"v":"PT","f":null},{"v":4452,"f":null}]},{"c":[{"v":"RO","f":null},{"v":16,"f":null}]},{"c":[{"v":"RS","f":null},{"v":0,"f":null}]},{"c":[{"v":"RU","f":null},{"v":0,"f":null}]},{"c":[{"v":"SE","f":null},{"v":69,"f":null}]},{"c":[{"v":"GB","f":null},{"v":28123,"f":null}]}]}

この出力された JSON を取得してコピーし、独自のファイル (data2.php) に保存してから、マップ js を取得してアクセスすると、マップが完全に読み込まれます。

まったく同じ JSON を 2 つ持っていて、そのうちの 1 つだけを Google Charts で使用するにはどうすればよいでしょうか?