Я создал диаграмму пирога и баги прогресса с помощью JQuery и некоторых Css. Но когда я пытаюсь напечатать этот конкретный div с простой функцией JS, текстовые значения отражаются должным образом, но форма/размер не отражаются на окне печати.Содержимое Div (Круговая диаграмма, индикаторы прогресса) не отражены в окне печати
вот мой Круговая диаграмма Div Изображение:
здесь является то, что ДИВ, когда им пытаются напечатать: (Print Result)
My Simple функция 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;
}
Итак, как получить эту цветную часть в моем печатном div или мне нужно преобразовать этот div в изображение и затем распечатать его? Даже такая же проблема возникает, когда я пытаюсь распечатать индикатор выполнения.
Спасибо!