Javascript 如何打印角度图_Javascript_Html_Angularjs_Charts_Chart.js

Javascript 如何打印角度图

javascript html angularjs charts chart.js

Javascript 如何打印角度图,javascript,html,angularjs,charts,chart.js,Javascript,Html,Angularjs,Charts,Chart.js,我正在使用我想打印这张图表。我的密码是 <html> <head>Chart</head> <body> <div class="row"><b>Patient Report</b> <div> <canvas id="line" class="chart chart-line" data="agedata" colours="colours"

我正在使用

我想打印这张图表。我的密码是

<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>


图表
病人报告

但它什么也没印出来。有人能给我推荐打印图表的方法吗？

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

请记住，在生成数据URI之前，请等待动画结束，否则您将得到一个空白图像。

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

干杯，

请以格式化状态提供您的代码示例，这意味着：请毫不犹豫地添加换行符。并检查空格和右引号。如果您的代码如上图所示，则缺少其中一些代码。（在“click=”和“class=”附近看一看）最好从angular.chart.js的部分开始；您缺少所有包含，并且示例中没有任何内容表明您正在使用Angular。