gpt4 book ai didi

javascript - 使用js打印canvas.js图表

转载 作者:行者123 更新时间:2023-12-01 05:46:18 25 4
gpt4 key购买 nike

我想使用 javascript 打印 canvas.js 图表。打印代码。

当我单击打印按钮时,浏览器中的打印弹出窗口将显示,但没有任何打印预览。

如何解决这个问题?

var html = "<html>";
html += document.getElementById("chartContainerInPT").innerHTML;
html += "</html>";
var printWin = window.open('','','left=0,top=0,width=1,height=1,toolbar=0,scrollbars=0,status =0');
printWin.document.write(html);
printWin.document.close();
printWin.focus();
printWin.print();
printWin.close();

html代码

<div id="chart_divInPT" class="chart">
<div id="chartContainerInPT" style="height: 300px; width: 100%;"></div>
</div>
<button class="btn save" type="button" style="float: right;" id="printInPT">Print</button>

js

var chart = new CanvasJS.Chart(
"chartContainerInPT",
{
theme : "theme1",
title : {
text : ""
},
data : [ {
type : "column",
dataPoints : [
{
label : "Attempted",
y : chapterWiseResult['noOfAttempt']
},
{
label : "Correct",
y : chapterWiseResult['noOfCorrect']
},
{
label : "Wrong",
y : wrong
},
{
label : "Unattempted",
y : unattempted
},
]
} ]
});

如何在浏览器中打印图表?

最佳答案

作为解决方案,您可以将 Canvas 另存为图像

var image = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream");
window.location.href=image;

关于javascript - 使用js打印canvas.js图表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26468695/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com