Echarts自适应浏览器大小

$.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;
				}
			});
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

散装程序猿

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值