Question

并想要打印此图表。我的代码是，

<html>
<head>Chart</head>
<body>
    <div class="row"><b>Patient Report</b>
        <div>
            <canvas id="line" class="chart chart-line" data="agedata" colours="colours"
                labels="labels" legend="true" series="series"click="onClick"></canvas>
        </div>
    </div>
    <div class="row">
        <a href="javascript:window.print()" class="btn btn-success">Print</a>
    </div>
</body>

但它什么都没打印。任何人都可以建议我打印图表的方法吗？

Answer 1

您可以使用toDataURL（）将画布制作成图像（并且可以使用特定于媒体的CSS来隐藏画布，并在打印时将img与src交换为数据URL）

请记住在生成数据URI之前等待动画结束，或者最终得到一张空白图片。

Answer 2

Chart.js依赖于HTML5画布来渲染其图表，但浏览器无法打印画布对象绕过此限制的解决方案是在打印时将画布转换为图像，如this post中所述。

干杯，

如何打印角度图表

2 个答案: