Export Chart as jpeg to a binary field

[Tim Hartog]

Hi,

We use in our program the possibility to export different charts. These are nicely downloaded in the browser.
Is it also possible to export charts as binary data? This way we could store the image in a separate database.

Thanks and regards,

Bob

[Swetha Babu]

Hi Bob,

Greetings from Syncfusion.

We can get the base64 string using the DataUrl argument in OnExportComplete event of the chart. When calling the ExportAsync method, the OnExportComplete event gets triggered. We have created a simple blazor application to demonstrate the same and it can be downloaded from the below link.

Sample link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/ChartExport-1707732033

Code Snippet:

<SfButton @onclick="ExportChart" Content="Export" CssClass="e-flat" IsPrimary="true"></SfButton>

<SfChart @ref="@chartInstance">   

    <ChartEvents OnExportComplete="@GetUrl"></ChartEvents>

</SfChart>

 

public async Task ExportChart(MouseEventArgs args)

    {

        await chartInstance.ExportAsync(ExportType.PNG, "Chart", Syncfusion.PdfExport.PdfPageOrientation.Portrait, false);

    }

    public void GetUrl(ExportEventArgs Args)

    {

        var dataURL = Args.DataUrl;

        string encodedString = dataURL.Split("base64,")[1];

        byte[] data = Convert.FromBase64String(encodedString);

    }

Kindly, revert us if you have any concerns.

Regards,

Swetha

[Tim Hartog]

Hi Swetha,

Thank you very much for the fast response and solution.
This is exactly what I was hoping for.
I will build this solution in our program.

Regards,

Bob

[Durga Gopalakrishnan]

Hi Bob,

Most welcome. Please get back to us if you need any further assistance. We are always happy in assisting you.

Regards,

Durga Gopalakrishnan.