如何打印角度圖
[英]How to print angular-chart
問題描述
我正在使用“ angular-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"
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>
但是它什么也不打印。 有人可以建議我打印圖表的方法嗎？
2 個解決方案
解決方案1
0 已采納 2015-06-11 12:55:48
您可以使用toDataURL（）將畫布變成圖像（並且可以使用特定於媒體的CSS隱藏畫布，並在打印時以src作為數據URL交換img中的img）
請記住，在生成數據URI之前要等待動畫結束，否則最終將得到空白圖像。
解決方案2
0 2015-07-07 13:03:25
Chart.js依靠HTML5畫布呈現其圖表，但是瀏覽器無法打印畫布對象。
繞過這個限制的解決方案是如描述在打印時畫布變換成圖像此篇 。
干杯，
如何使用angular-chart和chart.js控制圖表的寬度？
[英]How to control width of chart using angular-chart and chart.js?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.