Javascript Div内容（饼图、进度条）未反映在打印窗口中_Javascript_Php

Javascript Div内容（饼图、进度条）未反映在打印窗口中

javascript php

Javascript Div内容（饼图、进度条）未反映在打印窗口中,javascript,php,Javascript,Php,我使用Jquery和一些Css生成了饼图和进度条。但当我尝试使用简单的JS函数打印特定的div时，文本值会正确地反映出来，但形状/大小不会反映在打印窗口上这是我的饼图Div图像：这是我打印时的div：（打印结果）我的简单打印JS函数是： function printdiv() { var newstr=document.getElementById("reportBody").innerHTML; //reportBody div contains th

我使用Jquery和一些Css生成了饼图和进度条。但当我尝试使用简单的JS函数打印特定的div时，文本值会正确地反映出来，但形状/大小不会反映在打印窗口上

这是我的饼图Div图像：

这是我打印时的div：（打印结果）

我的简单打印JS函数是：

function printdiv()
{       
    var newstr=document.getElementById("reportBody").innerHTML;
    //reportBody div contains this graph
    var header='<header><div align="center"><h3 style="color:#EB5005">  </h3></div><br></header><hr><br>'
    //var footer='<footer class="footer1" id="footer">footer</footer> '
    var footer ="";

    var popupWin = window.open('', '_blank', 'width=800,height=600');
    popupWin.document.open();
    popupWin.document.write('<html> <body onload="window.print()">'+ newstr + '</html>' + footer);
    popupWin.document.close(); 
    return false;
}

函数printdiv（）
{       
var newstr=document.getElementById（“报告体”）.innerHTML；
//reportBody div包含此图
变量头='

'
//var footer='footer'
var footer=“”；
var popupWin=window.open（“”，"u blank’，“宽度=800，高度=600”）；
popupWin.document.open（）；
popupWin.document.write（“”+newstr+“”+footer）；
popupWin.document.close（）；
返回false；
}

那么，如何在我的打印div中获得该颜色部分，或者我需要将该div转换为图像，然后打印它？当我试图打印进度条时，同样的问题也会发生

谢谢大家!

您可能还需要在打印窗口中包含css和js。正如我所见，您只传递标记

你也应该试一试