注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

放飞自由

年轻人,如果三年的时间里,没有任何想法,他这一生,就基本这个样子,没有多大改变。

 
 
 

日志

 
 

如何实现jqplot打印报表问题  

2013-07-26 14:07:22|  分类: WEB前端 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
jqplot生成的报表是以canvas的形式展现在页面上,这种方式展现无法通过网页的打印功能打印出相应的效果,可以通过以下插件实现jqplot报表打印的功能。

js代码:

/**
* 这个插件主要是解决jqplot生成的报表无法打印的问题
*/
(function($) {
$.fn.CanvasHack = function() {
var canvases = this.find('canvas').filter(function() {
return $(this).css('position') == 'absolute';
});

canvases.wrap(function() {
var canvas = $(this);
var div = $('<div />').css({
position: 'absolute',
top: canvas.css('top'),
left: canvas.css('left')
});
canvas.css({
top: '0',
left: '0'
});
return div;
});

return this;
};
})(jQuery);

调用方法:

$('body').CanvasHack();

对比截图:
如何实现jqplot打印报表问题 - 我?是! - 放飞自由


 
  评论这张
 
阅读(408)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017