$.ajax({
url : "${rootPath}/back/equip/protocolChart.htm",
type : "post",
data : {sbbh:sbbh},
success : function(result) {
var dataArraySub = [];
//定义存放各各指标值的数组
var pm25dataArray = [];
var pm10dataArray = [];
var wddataArray = [];
var sddataArray = [];
//定义存放时间(X周数据数组)
var date = [];
var protocolList = eval(result);
$.each(protocolList, function(i, item) {
//console.log(item.sd)
date.push(item.time)
pm25dataArray.push(item.pm25);
pm10dataArray.push(item.pm10);
wddataArray.push(item.wd);
sddataArray.push(item.sd);
});
var pm25JSON = {
name: 'pm25',
type: 'line',
data: pm25dataArray
};
dataArraySub.push(pm25JSON);
var pm10JSON = {
name: 'pm10',
type: 'line',
data: pm10dataArray
};
dataArraySub.push(pm10JSON);
var wdJSON = {
name: '温度',
type: 'line',
data:wddataArray
};
dataArraySub.push(wdJSON);
var sdJSON = {
name: '湿度',
type: 'line',
data: sddataArray
};
dataArraySub.push(sdJSON);
var chart_1 = echarts.init(document.getElementById('chart_1'));
// 指定图表的配置项和数据
option = {
title: {
text: '机箱环境监测数据'
},
tooltip: {
trigger: 'axis'
},
legend: {
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'category',
boundaryGap: false,
data: date,
axisLabel: {
interval:0, //坐标刻度之间的显示间隔,默认就可以了(默认是不重叠)
rotate:38, //调整数值改变倾斜的幅度(范围-90到90)
textStyle: {
color: '#62B4BB'
}
}
},
yAxis: {
type: 'value'
},
series: dataArraySub
};
// 使用刚指定的配置项和数据显示图表。
chart_1.setOption(option);
//图表自适应浏览器大小
window.onresize = chart_1.resize;
}
});
Echarts自适应浏览器大小
最新推荐文章于 2022-11-15 15:45:07 发布