我正在使用 Chart JS 库来创建图表 https://www.chartjs.org/
假设我有以下代码
<div class="card-body ">
<canvas id="bidStatus"></canvas>
</div>
使用 FileSaver.js 我可以使用下面的代码保存图表
function DownloadImage() {
$("#bidStatus").get(0).toBlob(function (blob) {
saveAs(blob, "BidStatus.png");
});
}
但我不知道如何打印图表。没有看到任何 native API 调用来执行此操作。有人可以告诉我如何实现这一目标吗?
我尝试使用打印 HTMl 元素示例中提到的 jquery 打印库,但它们似乎没有加载使用 Chart js 生成的图表。我得到一张空白页用于打印。
谢谢
最佳答案
此函数正确打印 Canvas 的内容
function PrintImage() {
var canvas = document.getElementById("bidStatus");
var win = window.open();
win.document.write("<br><img src='" + canvas.toDataURL() + "'/>");
win.print();
win.location.reload();
}
关于javascript - 使用chart js打印图表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52320109/