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
},