Exporting RadHtmlChart to PNG and PDF

it is not clear on how to implement this export.
I downloaded your test project
inserted the telerik dll into the bin folder and ran it.
it created the file app_code/temp.svg and it has the correct svg chart in it.

but my page errors on

ExportRadHtmlChart_VB\App_Code\HtmlChartExporter.vb    Line: 21    
inkscape.Start()
error = The system cannot find the file specified

do I need to put an inkscape dll into my bin?
        

I am having 2 issues
1) my exports show only a small top left corner of the chart (I think)
in debug mode I see the width and height are correct.

the svg exported temp file shows the chart when viewed. (see attached files)
I even tried putting into the export a larger/smaller amount then the actual chart width / height to no avail.

2) I have a HtmlChartHolder that holds my charts and I want to export that whole thing. can it be done with this code or method?
$find("<%=RadHtmlChart1.ClientID %>").getSVGString(); <-- does not work for a chart holder, maybe there is a way to get it?

Please Help me with this. 

 I have created a RadHtmlChart and trying to export it to pdf. I followed this http://demos.telerik.com/aspnet-ajax/client-export-manager/applicationscenarios/export-radhtmlchart/defaultcs.aspx?product=htmlchart

 But for me its not working which means im getting a blank pdf without datas.

Hello Admin,

 I have tried your solution and it works really well on my localhost, But How can i use the same approach when publishing the code on Shared hosting environment like Godaddy.com.

 Is is possible or not?

Quick reply will be really appreciated.

Thanks

Mandeep

Hello,

I am using following code to get RadHtml chart in pdf

HtmlChartExportSettings currentSettings = new HtmlChartExportSettings();

        currentSettings.Height = (int)RadHtmlChart1.Height.Value;
        currentSettings.Width = (int)RadHtmlChart1.Width.Value;

but for HtmlChartExportSettings shows namespace could not be found

I have included

using System.Web.UI;

using Telerik.Web.UI;

i use RadClientExportManager to export RadOrgChart to PNG but i got the problem when i use firefox to export like this

https://www.mediafire.com/?td7cun457hfd4ci

How to solve this problem

Hi Henrik 

Your solution working perfectly thank you very much.....

Hi ,

     I need to export the RadHtmlchart as png image and need to save the image file in my local folder . I have downloaded the sample solution from the above link and worked .But While Export as PNG file format it gives blank image (i.e, it doesnt have any chart image) and downloaded pdf also has empty files .

Here I have attached the sample solution that i have worked and the output files generated are available in the App_Data folder ,I have downloaded  64-bit Windows:installer (exe) file from the below link https://inkscape.org/en/download/windows/  for converting svg file to png conversion .

Here I have used the telerik licensed version dll (2015.3.1111.35) .

Please tell me the solution to save the Radhtmlchart as png image .

Is it possible to converting Radhtmlchart(SVG) to PNG without using inkscape software ? if it is possible please give the working sample for that .

Please find the attachments and give me the suggestions asap .

Thanks 

Trying to generate the PNG and PDF both, but getting no results.

The code executes fine using inkscape object in the method "ExportHtmlChart", but nothing is generated.

I provided the permission to the destination folder and also tried to use another folder, but still doesn't work!

It doesn't throw any error as well.

this code just get a small part of the radhtmlchart  :(

The selected file(s) cannot be attached because it may exceed the maximum attachment size (2 MB) or is from not allowed type (allowed: .zip, .rar).

HI,

I have been using this approach as described by the author for many years, But with the latest update of telerik controls SVG file itself is coming empty for me. The line chart is not appearing  in the svg file only the X and Y Axis details are getting displayed. Did anything changed with the latest updates?

regards

Hi Everybody,

The scaling and empty image/pdf issues are due to an update of the Inkscape software.

You can find below the steps on how to resolve the problem with the latest versions of Telerik UI for ASP.NET AJAX (R2 2020/ 2020.2.512) and Inkscape 1.0.

1) Download the latest version of Inkscape 1.0 from https://inkscape.org/release/1.0/windows/. Note that the 32-bit installation will install the tool in C:\Program Files (x86)\Inkscape\bin\inkscape.exe, while the 64-bit one in the C:\Program Files\Inkscape\bin\inkscape.exe folder.

Depending on the installation folder, you have to update the path to the inkscape.exe in the InkscapePath path constant inside the \App_Code\HtmlChartExportSettings.cs file:

public const string InkscapePath = @"C:\Program Files\Inkscape\bin\inkscape.exe";//the path to the Inkscape.exe on your machine (64-bit setup)

2) Inkscape 1.0 has a new API that you can find out on https://inkscape.org/doc/inkscape-man.html.

Having this in mind, in order to fix the scaling issue you must update the following line inside the ExportHtmlChart in the \App_Code\HtmlChartExporter.cs file, from

String.Format("--file \"{0}\" --export-{1} \"{2}\" --export-width {3} --export-height {4}",
						settings.SvgFilePath, settings.Extension, settings.OutputFilePath, settings.Width, settings.Height);

to

String.Format("--export-type={1} {0} --export-filename={2} --export-area-drawing",
						settings.SvgFilePath,settings.Extension, settings.OutputFilePath, settings.Width, settings.Height);

Note that the width and height options from the original code are replaced with --export-area-drawing, which solves the cropping and calling problem.
The --export-filename is also added to set the name of the output file. 
There is also a --export-type property specifying the file type to export.

-D, --export-area-drawing

In SVG, PNG, PDF, PS, and EPS export, exported area is the drawing (not page), i.e. the bounding box of all objects of the document (or of the exported object if --export-id is used). With this option, the exported image will display all the visible objects of the document without margins or cropping. This is the default export area for EPS. For PNG, it can be used in combination with --export-use-hints.


-o, --export-filename=FILENAME
Sets the name of the output file. The default is to re-use the name of the input file. If --export-type is also used, the file extension will be adjusted (or added) as appropriate. Otherwise, the file type to export will be inferred from the extension of the specified filename.

Usage of the special filename "-" makes Inkscape write the image data to standard output (stdout).

--export-type=TYPE[,TYPE]*
Specify the file type to export. Possible values: svg, png, ps, eps, pdf, emf, wmf, xaml. It is possible to export more than one file type at a time.



For your convenience, I recorded a short video that you can review and use it as a guide on how to proceed. Here you go: https://youtu.be/TcGlA9wcBeM.

Best Regards, 
Rumen
Progress Telerik

Thankyou for response. Followed your steps and upgraded the code as per your description.

But issue was something else. I have a button trigger to call the PNG conversion. Timer I used was not enough after the Telerik  update. Changing the timer and delaying the read of the SVG content made it work.

Thanks for the help Rumen