(申し訳ありませんが、以前に非常によく似た質問を投稿しましたが、元の質問が少しずれていたようです)
これが私のコードです:
$.ajax({
url: 'receive-country.php', //the script to call to get data
dataType: 'json', //data format
success: function(data) //on recieve of reply
{
var inputArray = data;
alert(data);
var test_data = {"af":16.63,"al":11.58,"dz":158.97};
jQuery('#vmap').vectorMap({
map: 'world_en',
backgroundColor: null,
color: '#ffffff',
hoverColor: '#eeeeee',
hoverOpacity: null,
selectedColor: '#dddddd',
values: test_data,
enableZoom: true,
showTooltip: true,
scaleColors: ['#C8EEFF', '#006491'],
normalizeFunction: 'polynomial'
});
}
});
data
jQueryマップに表示したいものをAjax経由で受け取っています#vmap
。マップでうまく機能するものをいくつか作成しましたが、と同じ形式でtest_data
取得できないようです。data
test_data
配列のフォーマットが正確に何であるかはわかりませんdata
が、アラートを出すと、次のように表示されます。
US,7,US,9,US,10
フォーマットを変更するにはどうすればよいですか?
JSONデータを送信するPHPページは次のとおりです。
$country_result = mysql_query("SELECT * FROM happiness ORDER BY id ASC");
$country_array = array();
while($row = mysql_fetch_array($country_result)) {
$country_array[] = array($row[4], $row[2]);
}
echo json_encode($country_array);
ありがとう!
編集:
これがコンソールログのスクリーンショットです。正確に読む方法がわかりません。