<script type="text/javascript">
var myChart = echarts.init(document.getElementById('main'));
option = {
tooltip : {
trigger : 'axis'
},
legend : {
data : ['BDI', 'BCTI', 'BDTI', 'CCFI']
},
grid : {
left : '3%',
right : '4%',
bottom : '3%',
containLabel : true
},
toolbox : {
feature : {
saveAsImage : {}
}
},
xAxis : {
type : 'category',
boundaryGap : false,
data :[]
},
yAxis : {
type : 'value'
},
series : [
{
name : 'BDI',
type : 'line',
stack : '总量',
data : []
}, {
name : 'BCTI',
type : 'line',
stack : '总量',
data : []
}, {
name : 'BDTI',
type : 'line',
stack : '总量',
data : []
}, {
name : 'CCFI',
type : 'line',
stack : '总量',
data : []
} ]
};
var bdi=[];
var bcti=[];
var bdti=[];
var ccfi=[];
var time=[];
$.ajax({
dataType:"json",
type:"post",
async:true,
url:"Data_Servlet_sxzs",
success:function(data){
if(data!=null&&data.length>0){
for(var i=0;i<data.length;i++)
{
bdi.push(data[i].bdi);
bcti.push(data[i].bcti);
bdti.push(data[i].bdti);
ccfi.push(data[i].ccfi);
time.push(data[i].time);
}
myChart.setOption({ //载入数据
xAxis: {
data: time //填入X轴数据
},
series: [ //填入系列（内容）数据
{
name: 'BDI',
data: bdi
},
{
name: 'BCTI',
data: bcti
},
{
name: 'BDTI',
data: bdti
},
{
name: 'CCFI',
data: ccfi
}
]
});
}
}
})
myChart.setOption(option);
</script>