hightCharts 跳转页面接改为弹窗图形设置效果！

1.hightcharts 图显示在企业web框架中，使用页面跳转方式显示经常出现，为了提高显示效果，改用先弹窗再显示图形.   

	   		$("#input_selsdate").datepicker({
	        		dateFormat: 'yy-mm-dd',
	    	});
	    		$("#input_seledate").datepicker({
	        		dateFormat: 'yy-mm-dd',
	    	});
	    	
    		$('button').click(function(){
        		var buttonname = $(this).val();
        		var y='';
        		var dw='';
        		var title1='';
        		var title2='';
        		if(buttonname=='LLIANG'){
        			y='流量增量(m³)';
        			title1='累计流量--增量曲线';
        			title2='每日流量增量';
        			dw='m³';
        		}else{
        			y='热量增量(KWH)';
        			title1='累计热量--增量曲线';
        			title2='每日热量增量';
        			dw='KWH';
        		}
    <%--   $.post("${contextPath}/monitorData/zlcharts/getzlData?zl="+buttonname+"&areaguid="+<%=(String)request.getParameter("areaguid")%>"&customerid="+$('#clientno').val()+"&sdate="+$('#input_selsdate').val()+"&edate="+$('#input_seledate').val(), function (data) { --%>
  	  	 $.post("${contextPath}/dataAnalysis/energyConsumingStatisContr/getzlData?zl="+buttonname+"&areaguid=<%=(String)request.getParameter("areaguid")%>&customerid="+$('#clientno').val()+"&sdate="+$('#input_selsdate').val()+"&edate="+$('#input_seledate').val(), function (data) {            
        		var chartdata = [];
        		var xchart=[];
        		var jsonarray = eval("("+data+")");
        		if(buttonname=='LLIANG'){
        			for(var i=0;i<jsonarray.length;i++){
        				chartdata[i] = parseFloat(jsonarray[i].LLIANG);
        				xchart[i] = jsonarray[i].DDATE;
        			}
        		}else{
        			for(var i=0;i<jsonarray.length;i++){
        				chartdata[i] = parseFloat(jsonarray[i].RELIANG);
        				xchart[i] =jsonarray[i].DDATE;
        			}
        		}
        		$('#zlcharts').highcharts({
        		        title: {
        		            text: title1,
        		            x: -20 //center
        		        },