```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].bi_date);
}
//初始化series[0]的data
option.series[0].data = [];
for (var i=0; i<result.length; i++) {
option.series[0].data.push(result[i].expend);
}
option.series[1].data = [];
for (var i=0; i<result.length; i++) {
option.series[1].data.push(result[i].income);
}
}
},
error : function(errorMsg) {
alert("加载数据失败");
}
});//AJAX
}//loadData()
var myChart = echarts.init(document.getElementById('main'));
var option = {
tooltip : {
show : true
},
legend : {
data : [ '支出','收入' ]
},
xAxis : [ {
type : 'category',
} ],
yAxis : [ {} ],
series :[{
name : '支出',
type : 'bar',
},
{
name : '收入',
type : 'bar',
}
]
};
//加载数据到option
loadData(option);
//设置option
myChart.setOption(option);
</script>
这是个echarts 我要他x轴把时间转换下,不会转,