echarts怎么配合ajax渲染数据

Posted 2023-04-06

参考技术A 在error和success中加入debugger，用chrome或firefox调试 chrome是ctrl+shift+i ，刷新页面进入debugger后看errorMsg到底里面内容是什么， 找到错误原因才行，是否为url未连接上 参考技术B 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++;

echarts 重新渲染(重新绘制,重新加载数据)

参考技术A 使用如下方法：

mychart.setOption(option,true)

文章转自：https://blog.csdn.net/AinUser/article/details/84304180/