php echart动态获取数据集,echart和php实现动态获取数据

本文主要和大家分享echart和php动态获取数据的实现方法，要是以下代码执行不起来，请参考注释部分，希望能帮助到大家。

html部分的代码

bingtu.html

js部分的代码

var chart = echarts.init(document.getElementById('main'));

chart.setOption({

title:{

text : '异步加载',

},

tooltip: {},

legend:{

data:['销量'],

},

xAxis:{

data:[],

},

yAxis:{},

series:[{

name:'销量',

type:'bar',

data:[]

}]

}); var categories = [] , data = []; /*注意一下 {:url()} 这一块填写你要请求的地址 你可以是http://.....com 也可以是你项目中某块文件 Index/index*/

$.post("{:url('ticket/getSellRecord',['type'=>'week'])}").done(function (info) {

// 填入数据

/*特别注意这里 如果info是json对象就不用JSON.parse了 如果是json字符串就要转成对象*/

console.log(info);

info = JSON.parse(info); for(var i = 0 ; i < info.length ; i++)

{

categories.push(info[i]['seller_id']);

data.push(info[i]['amount']);

}

chart.setOption({

xAxis: {

data: categories

},

series: [{ // 根据名字对应到相应的系列

name: '销量',

data: data

}]

});

});

php部分代码

2,"amount"=>"2000"],["seller_id"=>8,"amount"=>"501"]]; return json_encode($data);?>

相关推荐：