时间:2021-05-28
在做一个需要用到echarts地图的项目的时候,成功通过ajax获取到了后台提供的数据,并生成了想要的JSON串。但是,放到echarts option.series[0].data里,获取不到数据。在生成的地图上无法看到你从后台获取到的值。翻遍百度和必应,给出的答案五花八门,仍旧未解决问题,最后还是一个同事大牛给解决的,在此分享给大家。希望对大家有帮助,,,,
废话不多说,直接上码:
$(function () { var data = [];function setOption(data){var myChart = echarts.init(document.getElementById('main'));//window.onresize = myChart.resize;var option = {title : {text: '全国...分布图',// subtext: '纯属虚构',x:'left'},tooltip : {trigger: 'item'},// legend: {// orient: 'vertical',// x:'left',// data:['iphone3','iphone4','iphone5']// },dataRange: {min: 0,max: 10,x: 'left',y: 'bottom',text:['高','低'], // 文本,默认为数值文本color:['#ff5e5e', '#ffa25e', '#ffd05e','#fce6b2','#e1dbcd'],calculable : true},// toolbox: {// show: true,// orient : 'vertical',// x: 'right',// y: 'center',// feature : {// mark : {show: true},// dataView : {show: true, readOnly: false},// restore : {show: true},// saveAsImage : {show: true}// }// },// roamController: {// show: true,// x: 'right',// mapTypeControl: {// 'china': true// }// },series : [{name: '...',type: 'map',mapType: 'china',roam: false,itemStyle:{normal:{label:{show:true}},emphasis:{label:{show:true}}},data:data}]};myChart.setOption(option);//$.getJSON('HotspotServlet',function(data){//option.series[0].data=data.result;// 为echarts对象加载数据 //myChart.setOption(option);//});}//获取...排行数据function getMapData(limit){ $.ajax({url:'http://127.0.0.1/api/adminunit/score/top/'+limit,type:'post',dataType:'JSON',success:function(objdata){//var str = JSON.parse(objdata);for(var i = 0;i < objdata.length;i ++){var dId = parseInt(objdata[i].id);//var dName="天津市";//if(dId==1){// dName="北京市";//}var dName = objdata[i].name;var dScore = parseInt(objdata[i].score);var oneData = {};var oneData = {id:dId,name:dName,value:dScore};data.push(oneData);}console.log(data);//option.series[0].data=data;setOption(data);//执行setOption函数。传参}});}getMapData(2);});里面最重要的就是从后台获取到的数据是通过传参的形式放到echarts里的。
当时我做的时候未通过传参的形式,在echarts里获取到的数据始终是空的。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
光能电子秤不亮了的原因及解决办法如下: 1、检查电量。太阳能电子秤出现不显示的第一大根本原因就是电量不足。 2、观察显示屏。如果电量充足仍不显示,就需要检查
Win10创意者更新不显示文字的解决办法,有升级了Win10创意者更新的用户反馈,在文件资源管理器和控制面板中不显示任何文字,以下是分析原因和解决方法。
Win10创意者更新不显示文字的解决办法,有升级了Win10创意者更新的用户反馈,在文件资源管理器和控制面板中不显示任何文字,以下是分析原因和解决方法。
电脑开机后会显示桌面,不显示桌面的原因有设置原因、系统本身原因和病毒破坏原因。 方法一:设置原因的解决办法 1、开机后如果不显示桌面的图标,你就在桌面上点击
jquery与ajax获取特殊字符在用jquery加ajax写的时候,发现如果传进去的数据包含&则无法获取数据而+号的话就会被判定为空,解决办法就是使用enco