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");
}
Tagged:

製品について

Ignite UI for Blazor