Ufdjrw

I'm using google charts in reports (https://developers.google.com/chart/)
and I'm generating Pdf files of these html files using the below code:

 public FileResult DownloadReport(string viewName, string fileName, MpReportType type, int id = 0, DateRangeType? dateRangeType = null)
 
 const string CONTAINER = "#reportContainer";
 var model = GetModel(type, id, true, dateRangeType);
 return DownloadReportInternal(viewName, fileName, model, CONTAINER);
 

 private FileResult DownloadReportInternal(string viewName, string fileName, ReportGeneratorModel model, string container = "#reportContainer")
 
 var htmlToConvert = GetHtmlFromView(viewName, model);

 var hiddenElements = new string[] ".reportHiddenElement" ;


 var pdfStream = ConvertHtmlToPdf(htmlToConvert, container, hiddenElements);

 using (var ms = new MemoryStream())
 
 byte[] buffer = new byte[16 * 1024];

 int read;
 while ((read = pdfStream.Read(buffer, 0, buffer.Length)) > 0)
 
 ms.Write(buffer, 0, read);
 
 var pdfBytes = ms.ToArray();

 FileResult fileResult = new FileContentResult(pdfBytes, "application/pdf");
 fileResult.FileDownloadName = fileName;
 return fileResult;
 
 


 protected string RenderViewAsString(string viewName, object model)
 
 StringWriter stringWriter = new StringWriter();
 ViewEngineResult viewResult = ViewEngines.Engines.FindView(ControllerContext, viewName, null);
 ViewContext viewContext = new ViewContext(
 ControllerContext,
 viewResult.View,
 new ViewDataDictionary(model),
 new TempDataDictionary(),
 stringWriter);
 viewResult.View.Render(viewContext, stringWriter);
 return stringWriter.ToString();
 

I'm calling DownloadReport from Views.

this is part of View which contains chart section

 <div class="ring-chart__chart" id="cumulativeExpenseSummaryChart"></div>

and this is the function of calling the chart in js:

 var drawCharts = function() 
 @if (Model.ComprehensiveCashflowTrack.ExpensePieChart != null)
 
 var chart = Model.ComprehensiveCashflowTrack.ExpensePieChart;
 <text>
 var data = google.visualization.arrayToDataTable([
 ['@chart.Name', '@chart.Description']
 @foreach (var item in chart.Items)
 
 <text>, ['@item.Name', @item.Value]</text>
 
 ]);
 //DrawCashflowRingChart('Monthly Expense Summary', 'cumulativeExpenseSummaryChart', data);
 drawNetCashflowPieChart('Monthly Expense Summary', 'cumulativeExpenseSummaryChart', data);
 </text>
 
 

Issue:
the charts are not loaded in pdf reports. they're shown correctly in the HTML page.

It works for some of the pdf's after I changed the way google visualization is loading .
instead of loading the charts in document.ready() , as this :

 google.charts.load('current',
 
 callback: drawCharts,
 packages: ['corechart']
 );

I changed it to this :

google.load("visualization", "1", packages:["corechart"]);
google.setOnLoadCallback(drawCharts);

It shouldnt consider as answer since its not successful in some of the pdf s.