如何在amcharts中添加地图图像

时间:2018-08-31 06:56:34

标签: javascript amcharts

function mapChart(){

var chart = AmCharts.makeChart("mapChart", {
"type": "map",

“ dataProvider”:{     “ map”:“ worldLow”,     “图像”:getData(),      “区域”:[                 {“ id”:“ PK”,“ color”:“#CC0000”},

        ],
},

"areasSettings": {
"autoZoom": true,
"selectedColor": "#CC0000"

},

“ smallMap”:{} });

function getData(){

    var final = [];
    $.get('map_chart_fetch.php',function(data){
        var mapData = JSON.parse(data);
        for(var i=0; i< mapData.length; i++){
            final.push({
                "latitude":mapData[i].latitude,
                "longitude":mapData[i].longitude,
                "color": "#eea638",
                "type": "circle"
            });
        }




    });
    return final;

}

}

1 个答案:

答案 0 :(得分:1)

您的图表可能在ajax请求完成之前已初始化。有很多方法可以解决此问题,例如,ajax请求完成后引发事件,然后侦听这些事件并初始化图表。

一种简单的方法可能是在填充“最终”对象之后立即在ajax请求的成功回调中初始化图表。