一个页面上有30个jQuery插件实例。优化?
我有一个用PHP生成的日历,它显示了一个标准的月视图。在每天的单元格中,有一个jqPlot实例,它加载一系列点 每天都有自己的图表,因此31天我需要31个图表。Firefox中存在明显的1-2秒延迟。在IE中,它有6或7秒长。这是所有客户端渲染时间 我100%确信有一种更有效的方法可以让这些图表更快地加载 下面是我正在做的一个粗略的PHP脚本一个页面上有30个jQuery插件实例。优化?,jquery,jqplot,Jquery,Jqplot,我有一个用PHP生成的日历,它显示了一个标准的月视图。在每天的单元格中,有一个jqPlot实例,它加载一系列点 每天都有自己的图表,因此31天我需要31个图表。Firefox中存在明显的1-2秒延迟。在IE中,它有6或7秒长。这是所有客户端渲染时间 我100%确信有一种更有效的方法可以让这些图表更快地加载 下面是我正在做的一个粗略的PHP脚本 echo "<script type=\"text/javascript\"> $(document).ready(func
echo "<script type=\"text/javascript\">
$(document).ready(function(){
try {
$.jqplot ('calendarchart$this_day', [[";
foreach($todays_kwhs as $row){
echo '["'.date('H:i', $row['time_read']).'",'.$row['kwh']. '],';
}
echo "]],
{
axes: {
xaxis: {
showTicks: false,
renderer: $.jqplot.DateAxisRenderer,
ticks: [['00:00', '12AM'], ['06:00', '6AM'], ['12:00', '12PM'], ['18:00', '6PM'], ['24:00','12AM']] ,
pad: 0.0,
tickOptions: {
formatString: '%H:%I%p'
}
},
yaxis: {
showTicks: false,
min: 0,
max: 600,
pad:0.0
}
},
seriesDefaults: {
show: true,
lineWidth: 1.0,
markerOptions: {
show: false
}
},
gridPadding: {top:1, right:1, bottom:1, left:1},
grid: {
background: '#ffffff',
borderWidth: 0,
borderColor: '#cccccc',
shadow: false,
drawGridlines: true,
gridLineColor: '#f0f0f0'
}
}
);
} catch(err) { console.log(err); }
});
</script>";
}
当然,这会重复大约30次,并将客户端挂断几秒钟