We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on : Nov 16th 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Export Chart as Image or Stream

Thread ID:

Created:

Updated:

Platform:

Replies:

120283 Sep 17,2015 09:39 AM UTC Oct 5,2015 12:55 PM UTC UWP 6
loading
Tags: SfChart
Thomas OMER-DECUGIS
Asked On September 17, 2015 09:39 AM UTC

Hi,

I try to share the Chart in my application.
Could someone provide me an example of how to export a chart as an image or a stream, in an Universal App ?

Thank you in advance for any help you can give me.

Regards,

TOD



Thomas OMER-DECUGIS
Replied On September 18, 2015 09:37 AM UTC

Hi all,

i finally found a way to save my chart as an image (see below), but i can't find an event to call my function at the right time...
I would like to make the capture of the graph when it redraws, or when the animation is over, but not on the click of a button.

I tried :
- LayoutUpdated but it fires too often,  and even when the chart is not visible on the screen ??
- Loaded, but it fires too soon and the series are not yet drawn.
- Unloaded, but it never fires ??

I really need help, please.


For those who needs to save Chart as an Image in an Universal App, the snippet below works, for example on a button click :

 private async void SaveImage()
          {
              //Rendu du composant Xaml, ici le graphique 'Syncfusion.Chart', sous forme d'image en mémoire.
              RenderTargetBitmap renderTargetBitmap = new RenderTargetBitmap();
              await renderTargetBitmap.RenderAsync(doughnutMadelin, (int)myDoughnutActualWidth, (int)myDoughnut.ActualHeight);
              var pixelBuffer = await renderTargetBitmap.GetPixelsAsync();

              //var localFolder = Windows.Storage.ApplicationData.Current.LocalFolder;
              var localFolder = Windows.ApplicationModel.Package.Current.InstalledLocation;
              var saveFile = await localFolder.CreateFileAsync("Chart.png", Windows.Storage.CreationCollisionOption.OpenIfExists);

              // Encodage de l'image en mémoire dans le fichier désigné sur le disque
              using (var fileStream = await saveFile.OpenAsync(Windows.Storage.FileAccessMode.ReadWrite))
              {
                  var encoder = await BitmapEncoder.CreateAsync(BitmapEncoder.PngEncoderId, fileStream);

                  encoder.SetPixelData(
                      BitmapPixelFormat.Bgra8,
                      BitmapAlphaMode.Ignore,
                      (uint)renderTargetBitmap.PixelWidth,
                      (uint)renderTargetBitmap.PixelHeight,
                      DisplayInformation.GetForCurrentView().LogicalDpi,
                      DisplayInformation.GetForCurrentView().LogicalDpi,
                      pixelBuffer.ToArray());

                  await encoder.FlushAsync();
              }
          }

Regards,

TOD




Muneesh Kumar G [Syncfusion]
Replied On September 18, 2015 02:23 PM UTC

Hi Tod,

Thanks for using Syncfusion products.

We can achieve your requirement in loaded event by using Dispatcher as per the following code example.

Code Snippet[ C#]:
async void Performance_Loaded(object sender, RoutedEventArgs e)
{
await this.Dispatcher.RunAsync(CoreDispatcherPriority.Normal, new DispatchedHandler(() =>
{
SaveImage();
}));

}

We have prepared a sample based on this and you can find the sample under the following location:

Sample : http://www.syncfusion.com/downloads/support/forum/120283/ze/Export_SfChart699489350

Please let us know if you have any queries.

Regards,

Muneesh Kumar G.


Thomas OMER-DECUGIS
Replied On September 21, 2015 10:18 AM UTC

Hello Muneesh Kumar,

i tried your suggestion, but it doesn't work. I experiment the same behavior as before.
The "Loaded" event fires several times : i suspect that is because my chart is in a userControl which is use several times in differents VisualStates.

However, if I filter the event "Loaded" on the right VisualState, I get the picture attached, which is largely black.
It seems that the event fires before the animation of the Doughnut: How to detect that the animation is over?

Regards,

Thomas OD


Attachment: CaptureChart_Err1_d8b7c6a8.zip

Rachel A [Syncfusion]
Replied On September 22, 2015 08:56 AM UTC

Hi Thomas,
 
Thanks for the update.
 
We can resolve this issue by making the thread to wait asynchronously like the following code example,
 
[C#]
       async void Performance_Loaded(object sender, RoutedEventArgs e)
        {
            await Task.Delay(TimeSpan.FromSeconds(5));
                await this.Dispatcher.RunAsync(CoreDispatcherPriority.Low, new DispatchedHandler(() =>
                {
                    SaveImage();
                }));
            this.Loaded -= Performance_Loaded;
 
        }
 
We have prepared the sample for your reference that you can download from here.
 
Sample: export
 
Note: Currently we don’t have the events support to detect whether the animation is completed.
 
Regards,
Rachel. A

Thomas OMER-DECUGIS
Replied On October 2, 2015 07:46 PM UTC

Thank you Rachel.
your solution is not perfect, but it helped me to implement a workaround.
Let me know if new events around the rendering of a chart are implemented.
Thank you again.

Regards,

Thomas OD

Rachel A [Syncfusion]
Replied On October 5, 2015 12:55 PM UTC

Hi Thomas,
 
Thanks for the update.
 
We will not be able to identify exactly the completion of chart rendering (not only chart, any UI elements). Since rendering purely depends on system environment. We are analyzing the feasibility for considering requirement for indicate once all the work in chart completes and given the chart for rendering cycle. And this scenario also, not assure to be invoked exactly rendering completes (i.e., UI elements displayed completely in window).

Regards,
Rachel. A

CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;