amcharts用ajax不显示,php - amCharts js doesnt work with ajax call? - Stack Overflow

I am trying create map with amCharts using jquery ajax but it doesnt work with ajax.

here my ajax code:

$('button#btn').click(function(){

$('div#ozellikli').html('

')

$.ajax({

type:'post',

url:'ozellikliAjax.php',

data:$('form#oz').serialize(),

success:function(msg){

$('div#ozellikli').html(msg);

}

});

});

Here my ajax php code:

include 'config.php';

$html="";

$yil=$_POST['yil'];

$tur=$_POST['tur'];

///HARITAYI CIZ

$sql="SELECT id,il,COUNT(kurum) AS kurum_Say FROM ozellikli GROUP BY id,il ORDER BY kurum_Say";

$result=$baglanti->query($sql);

$mapChart="";

while ($query=$result->fetch(PDO::FETCH_ASSOC)) {

$mapChart.=' { title: "'.$query['il'].':'.$query['kurum_Say'].'", id: "TR'.$query['id'].'",value:'.$query['kurum_Say'].', selectable: true },';

}

$html.='

AmCharts.ready(function() {

var map;

// *** CREATE MAP ***********************************************************

function createMap(){

map = new AmCharts.AmMap();

map.pathToImages = "http://www.ammap.com/lib/images/";

//map.panEventsEnabled = true; // this line enables pinch-zooming and dragging on touch devices

var dataProvider = {

mapVar: AmCharts.maps.turkeyLow

};

map.areasSettings = {

unlistedAreasColor: "#43B1A9",

rollOverOutlineColor: "#FFFFFF"

};

map.colorSteps=5;

map.valueLegend={

left: 10,

bottom:0,

minValue: "En Az",

maxValue: "En Çok"

};

dataProvider.areas = ['.$mapChart.'];

map.dataProvider = dataProvider;

map.addListener(\'clickMapObject\', function (event) {

// deselect the area by assigning all of the dataProvider as selected object

map.selectedObject = map.dataProvider;

// toggle showAsSelected

event.mapObject.showAsSelected = !event.mapObject.showAsSelected;

// bring it to an appropriate color

map.returnInitialColor(event.mapObject);

var states = [];

for (var i in map.dataProvider.areas) {

var area = map.dataProvider.areas[i];

if (area.showAsSelected) {

states.push(area.title);

}

}

});

map.write("mapdiv");

}

createMap();

});

';

echo $html;

?>

when run the ajax code , script loading with ajax correctly but its not charting to map.

How can I solve this issue?

thanks