HI Friends,

We are using EO PDF, and facing one of the issue that is our page contains HTML and JS(JQ data grid). This page has Chart created by HighChart Js.

When i trigger export, I can only export the HTML elements on the page, Jq data table and HighCharts are not coming. I felt that it was Browser Render time issue but i have increased the time for the Browser rendering but it remains same(No ajax calls triggered).

Could you please help me out to resolve this issue. Would be very appreciable.

Thanks

HI Thanks for the reply,

Unfortunately I don't have that page online because it is under development. One thing which was when i pass the View which contains the Js data is not render while export.
Could you please provide some help on the same.

Thanks & Regards,
Deepak

Hi @eo_support

Let me explain my problem in a better way and hope this will help you.

I am using HighCharts JS library to generate the charts on my MVC View named "ChartsPageView".
Now the Highcharts JS internally calls an Action method to get the data required to generate the chart. (this data is in JSON format)
The chart generated by this JS is in SVG format. Also note that all the work to generate the chart's image is done on the client side. i.e. I have placed a div container in my MVC view which is filled by the HighChart JS methods on load.

Now I have added a PDF button on the same page so that user can export the page with charts in PDF format.

On click of the PDF button I am calling another Action Method which has the following code.

var doc = new PdfDocument();
string report=RenderPartialView("ChartsPageView",model);// this will return the view in html string format
var stream = new MemoryStream();
HtmlToPdf.Options.NoLink = true;
HtmlToPdf.Options.RepeatTableHeaderAndFooter = false;
HtmlToPdf.Options.BaseUrl = baseUrl;
HtmlToPdf.Options.OutputArea = new RectangleF(0.5f, 0.5f, 7.5f, 10f);
HtmlToPdf.Options.MinLoadWaitTime = 1800;
HtmlToPdf.ConvertHtml(report, doc);
doc.Save(stream);
stream.Position = 0;

But I found that the PDF generated here doesn't consist of the chart which was generated by the HighChart JS.

What I feel is when we call the RenderPartialView() method the chart is not being generated by the HighChart JS.
So my question is , does EO.PDF invokes the HighChart JS's methods and render the SVG image.
Please provide your valuable feedback on this.

Thanks.