DB から取得したデータをプロットしようとしていますが、json 配列を処理してプロット プラグイン (jvectorMap) に渡す方法がわかりません。
これが私のjson配列の構造です
{
"countries":[
{
"cname":"Albania",
"ccode":"AL",
"name":"John",
"percent":"20"
},
{
"cname":"Austria",
"ccode":"AT",
"name":"Doe",
"percent":"30"
}
]
}
HTML の JavaScript
<script>
var dataC = "<?php echo $mapData?>";
$(function(){
$('#world-map').vectorMap({
map: 'world_mill_en',
series: {
regions: [{
values: dataC[ccode],
scale: ['#C8EEFF', '#0071A4'],
normalizeFunction: 'polynomial'
}]
},
onLabelShow: function(e, el, code){
el.html(el.html()+dataC[ccode]+dataC[name]+dataC[percent]+dataC[cname]);
}
});
});
</script>
基本的に、キーの ISO コードに基づいてデータをプロットしたいと考えていccode
ます。たとえば、マップ上をポイントすると、マーカーに からのデータが表示され、name
フィールドも表示されます。ありがとう。percentage
cname