DataChartを画像ファイルとして保存する

DataChartはjavascriptのrenderToImage()メソッドを使用してimg要素に変換することができます。ここでは img要素をFileSaver.jsのsaveAs()メソッドを使用してファイルとしてダウンロードします。

    <button @onclick="@OnImageButtonClick">Download</button>

    <DataChart .....>
.....
    </DataChart>

    public void OnImageButtonClick(MouseEventArgs e)
    {
        JS.InvokeVoidAsync("renderChartToImage", null);
    }

function renderChartToImage() {
    var chart = document.getElementsByClassName("ig-data-chart igc-data-chart")[0];
    var image = chart.renderToImage(500, 500);
    saveAs(image.src, "chartImg.jpg");
}