<script type="text/javascript">
function loadData(option) {
$.ajax({
type : 'post', //传输类型
async : false, //同步执行
url : 'billecharts.action', //web.xml中注册的Servlet的url-pattern
data : {},
dataType : 'json', //返回数据形式为json
success : function(result) {
if (result) {
//初始化xAxis[0]的data
option.xAxis[0].data = [];
for (var i=0; i<result.length; i++) {
option.xAxis[0].data.push(result[i].name);
}
//初始化series[0]的data
option.series[0].data = [];
for (var i=0; i<result.length; i++) {
option.series[0].data.push(result[i].num);
}
}
},
error : function(errorMsg) {
alert("加载数据失败");
}
});//AJAX
}//loadData()
var myChart = echarts.init(document.getElementById('main'));
var option = {
tooltip : {
show : true
},
legend : {
data : [ '收入','支出']
},
xAxis : [ {
type : 'category'
}],
yAxis : [ {
type : 'value'
} ],
series : [
{
name : '收入',
type : 'bar',
},
{
name : '支出',
type : 'bar',
}
]
};
//加载数据到option
loadData(option);
//设置option
myChart.setOption(option);
</script>
返回前台的格式 [{"bi_date":1504869888000,"bi_id":1,"expend":2000,"income":4000,"remark":"酒店支出"}]
求大神解决,刚刚接触这个