echarts中实现动态加载series下data数据

如上图。data位置看似字符串其实是对象形式的。（jsonarray对象）

var Lista = resultData.UserdevicesData  //如果说这个是我从后台获取到的用户设备信息

下面我要将其装成jsonarray格式的，

var jsonstr = []

for(var j=0j<Lista.lengthj++){

var json = {}

json.name = Lista[j].devicetype

json.value = Lista[j].count

jsonstr.push(json)

}

me.dataArr=jsonstr//这个就可以直接使用了，实现动态数据。

先把动态数据封装成为一个符合echarts格式的数组，如下所示

var datas = [

{value:335, name:'直接访问'},

{value:310, name:'邮件营销'},

{value:234, name:'联盟广告'},

{value:135, name:'视频广告'},

{value:1548, name:'搜索引擎'}

],

然后在如下设置

option = {

title : {

text: '某站点用户访问来源',

subtext: '纯属虚构',

x:'center'

},

tooltip : {

trigger: 'item',

formatter: "{a} <br/>{b} : {c} ({d}%)"

},

legend: {

orient: 'vertical',

left: 'left',

data: ['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']

},

series : [

{

name: '访问来源',

type: 'pie',

radius : '55%',

center: ['50%', '60%'],

data:datas,

itemStyle: {

emphasis: {

shadowBlur: 10,

shadowOffsetX: 0,

shadowColor: 'rgba(0, 0, 0, 0.5)'

}

}

}

]

}

xAxisData.push(数据库查询结果)

xAxis: [

   {

       type: 'category',

       boundaryGap: false,

       data: xAxisData

   }

]

我是按照上面的方法做的，FYI。

---