javascript - ng2-chartキャンバスをpng画像にエクスポートする

Question

ユーザーが表示されたグラフをダウンロードできるようにするためのリンクを作成したいと思います。私が現在それを機能させようとしている.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