我想创建一个链接以允许用户下载显示的图表。我目前试图让它工作的方式是.toDataUrl
被认为是一种安全的方式,或者是否有另一种方式来做到这一点。
HTML:
<canvas id="myChart" baseChart [colors]="colorsOverride" [datasets]="barChartData" [labels]="barChartLabels" [options]="barChartOptions" [legend]="barChartLegend"
[chartType]="barChartType" (chartHover)="chartHovered($event)" (chartClick)="chartClicked($event)">
</canvas>
<div class="footer">
<button (click)="exportGraph()">Export Graph</button>
</div>
组件:
export_graph = <HTMLCanvasElement>document.getElementById("myChart");
downloadLink: string;
exportGraph(){
this.downloadLink = this.export_graph.toDataURL("image/png");
}
当我尝试导出时,这是我在控制台中收到的错误消息:
Cannot read property 'toDataURL' of null