单页面多Highcharts图形，高度宽度自适应

数据图形展示页面，四个图形，上边俩，下边俩，客户机的分辨率不同，所以如果把图形的宽度高度写死，那么会造成屏幕显示不友好，抽空想了下，很简单

• 先让图形浮动，代码很简单：

• 使用jquery：

		$(window).resize(function() {
			var width_frm = $(document.body).width();
			var height_frm = $(document.body).height();
  			var width_div = width_frm/2;
			var height_div = height_frm/2;
			
			$('#container1').css("height", height_div);
			$('#container1').css("width", width_div);
			
			$('#container2').css("height", height_div);
			$('#container2').css("width", width_div);
			
			$('#container3').css("height", height_div);
			$('#container3').css("width", width_div);
			
			$('#container4').css("height", height_div);
			$('#container4').css("width", width_div);
		});

• 这里出现一个问题，无法获取高度，原因是页面的头文件格式不对，改为如下即可：

• 效果如下，改变窗体大小，图形跟着变换：