echarts怎么配合ajax渲染数据

echarts 自带了 param。

//echarts点击事件 map图

//这里的params 就是tooltip上显示的数值/城市，利用这里获得的数据加入$.ajax 进行交互

myCharts.on('click', function (params) {

var city = params.name

}）

或者是在js代码开始var 一个变量，首先进行ajax同步，获得数据，因为echarts里的data 、geoCoord都是json对象数组，需要你在前面先将其拼接成json对象数组：再进行传值进echarts中，

for(var c in shijson){

var cxcs=""

$.ajax({

data:{"c":c},

async:false,

type:'post',

url:'../count/countShiCxcs',

success:function(data){

cxcs = data

}

})

var valueRandom = Math.round(Math.random()*100)

shizhi = "[{name:'区厅'}, {name:'"+shijson[c]+"',value:"+valueRandom+"}]"

shizhi = eval('('+shizhi+')')

shizhiarr[q] = shizhi

q++

shiMarkzhi = "{name:'"+shijson[c]+"',value:"+valueRandom+"}"

shiMarkzhi = eval('('+shiMarkzhi+')')

shiMarkPoint[mark] = shiMarkzhi

mark++

}

在后台的controller中用Map<String, double[]>geocoordMap=new HashMap<String, double[]>()来存储地理经纬度数据，例如：

String key="上海"

double[] value=new double[]{121.550544,31.227384}

geocoordMap.put(key, value)

需要标记多少个点，就put几个(key,value)到geocoordMap里面，然后将geocoordMap以json格式传到前台，var geoCoordData=data取值；直接在option里面写： geoCoord: geoCoordData, 即可

---