我可以使用jsPDF在chart.js中打印一个画布，使用下面的代码。这个问题已经有了一个公认的答案，但是正如其他人在评论中指出的，我不能让这个解决方案在Chrome中工作。
这里有一个jsPDF documentation的链接。我还在探索这个链接，以便您可以找到更有用的工具来完成相同的任务。我不得不使用PNG而不是JPEG，因为图表的背景是透明的。JPEG只会显示为黑色。如果您想要彩色背景，在添加图像之前，添加一个与图表图像大小和位置相同的彩色矩形（文档中的rect方法）。其他文本和功能也可以添加到您正在构建的pdf中。
我不喜欢图表图像必须添加在一个特定的位置和大小，并会更新这篇文章，如果我找到一个更好的方式这样做。
编辑：使用jsPDF，您可以使用pdf.save（'Filename.pdf'）来替换FileSaver.js，前提是您需要一个PDF。
HTML语言

<button id="print-chart-btn">Print Chart</button>
<div class="canvas-container">
    <canvas id="random-chart" ></canvas>
</div>

<script src="https://cdn.jsdelivr.net/npm/jspdf@1.5.3/dist/jspdf.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0/dist/Chart.min.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>

Java脚本

$('#print-chart-btn').on('click', function() {
    var canvas = document.querySelector("#random-chart");
    var canvas_img = canvas.toDataURL("image/png",1.0); //JPEG will not match background color
    var pdf = new jsPDF('landscape','in', 'letter'); //orientation, units, page size
    pdf.addImage(canvas_img, 'png', .5, 1.75, 10, 5); //image, type, padding left, padding top, width, height
    pdf.autoPrint(); //print window automatically opened with pdf
    var blob = pdf.output("bloburl");
    window.open(blob);
});

此函数用于正确打印画布的内容

function PrintImage() {
    var canvas = document.getElementById("bidStatus");
    var win = window.open();
    win.document.write("<br><img src='" + canvas.toDataURL() + "'/>");
    win.print();
    win.location.reload();

}

我也遇到过类似的问题。我的图表非常复杂，上面有自定义的图形。要在纸上打印图表，你需要调用chart.resize(parentContainer.clientWidth,parentContainer.clientWidth)。这样图表的宽度和高度将自动更新为纸张大小。
主要问题是何时调用上面的行？onBeforePrint将不起作用。我们需要使用const mediaQuery =window.matchMedia('print')，然后通过mediaQuery.addEventListener("change",()=> chart.resize(parentContainer.clientWidth,parentContainer.clientWidth))将change Event Listener附加到它
每次用户选择不同的纸张大小或更改方向时，都会触发此事件，并且新的clientwidth和clientHeight将更新为图表，并在其中呈现新的维度