解决ajax获取到数据放到echarts里不显示问题

最近，小码哥在作一个须要用到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里获取到的数据始终是空的。