Sparkline indicator is not shown when exported to PDF

[Paul West]

When a sparkline is exported in a report to PDF, the indicator is not present. See attached screenshot.

This is using the preview in the Report Designer.

Attachment: InboundDetail_(5)_14f7c360.zip

[Vinoth Srinivasan]

Hi Paul, 

We have validated the reported problem by adding sparkline chart in our sample and it has been exporting properly. Please find the sample report from the below link. 

https://www.syncfusion.com/downloads/support/forum/153970/ze/GROUPI~2-1771516108.zip 

If you still face issue then modify the report to reproduce the issue at our end. 

Regards, 

Vinoth S. 

[Paul West]

The issue is with Linear Gauge, not Sparkline. Sorry for the confusion. The attached report demonstrates the issue.

Attachment: GroupingAgg_7b470cf2.zip

[Mahendran Shanmugam]

Hi Paul, 

The mentioned issue occurs when we did not passing the data visualization script reference in OnInitReportOption method as shown in below help documentation. 

https://documentation.boldreports.com/aspnet-core/report-viewer/export-report/#export-data-visualization-items 

Also we have used the EJ2 data visualization items in our reports control when referring the above help documentation. So could you please add the script reference with EJ2 as shown in below example. 

Older

New

public void OnInitReportOptions(ReportViewerOptions reportOption)  {      reportOption.ReportModel.ExportResourceOption.Scripts = new List<string>      {          "https://cdn.boldreports.com/2.2.32/scripts/common/bold.reports.widgets.min.js",          "https://cdn.boldreports.com/2.2.32/scripts/common/bold.reports.common.min.js",          //Chart component script          "https://cdn.boldreports.com/2.2.32/scripts/data-visualization/ej.chart.min.js",          //Gauge component scripts          "https://cdn.boldreports.com/2.2.32/scripts/data-visualization/ej.lineargauge.min.js",          "https://cdn.boldreports.com/2.2.32/scripts/data-visualization/ej.circulargauge.min.js",          //Map component script          "https://cdn.boldreports.com/2.2.32/scripts/data-visualization/ej.map.min.js",          //Report Viewer Script          "https://cdn.boldreports.com/2.2.32/scripts/bold.report-viewer.min.js",      };        reportOption.ReportModel.ExportResourceOption.DependentScripts = new List<string>      {          "https://code.jquery.com/jquery-1.10.2.min.js"      };  }

public void OnInitReportOptions(ReportViewerOptions reportOption)          {              reportOption.ReportModel.ExportResourceOption.Scripts = new List<string>      {           //EJ2 scripts          "https://cdn.boldreports.com/2.2.32/scripts/common/ej2-base.min.js",          "https://cdn.boldreports.com/2.2.32/scripts/common/ej2-data.min.js",          "https://cdn.boldreports.com/2.2.32/scripts/common/ej2-pdf-export.min.js",          "https://cdn.boldreports.com/2.2.32/scripts/common/ej2-svg-base.min.js",          "https://cdn.boldreports.com/2.2.32/scripts/data-visualization/ej2-lineargauge.min.js",          "https://cdn.boldreports.com/2.2.32/scripts/data-visualization/ej2-circulargauge.min.js",          "https://cdn.boldreports.com/2.2.32/scripts/common/bold.reports.widgets.min.js",          "https://cdn.boldreports.com/2.2.32/scripts/common/bold.reports.common.min.js",          //Chart component script          "https://cdn.boldreports.com/2.2.32/scripts/data-visualization/ej.chart.min.js",          //Gauge component scripts          "https://cdn.boldreports.com/2.2.32/scripts/data-visualization/ej.lineargauge.min.js",          "https://cdn.boldreports.com/2.2.32/scripts/data-visualization/ej.circulargauge.min.js",          //Map component script          "https://cdn.boldreports.com/2.2.32/scripts/data-visualization/ej.map.min.js",            //Report Viewer Script          "https://cdn.boldreports.com/2.2.32/scripts/bold.report-viewer.min.js",      };                reportOption.ReportModel.ExportResourceOption.DependentScripts = new List<string>      {          "https://code.jquery.com/jquery-1.10.2.min.js"      };          }

Regards, 

Mahendran S. 

[Paul West]

That's great. However, this is occurring in the preview in the Report Designer. Is there something I can or should modify to make this work in the Report Deisgner?

[Vinoth Srinivasan]

Hi Paul, 

We have validated the shared report at our end with v2.2.32 report designer and the gauge has been rendering properly. Please find the below snapshot. 

 

So, could you confirm the Bold Reports version you are using and share issue snapshot or video if possible. It will be helpful for us to provide the solution at the earliest. 

Regards, 

Vinoth S. 

[Paul West]

See attached recording.

Report Designer 2.2.32. 

Chrome Version 81.0.4044.129 (Official Build) (64-bit)

RDL file included in zip.

Attachment: LinearGraphMarkerDisappears_b15285c4.zip

[Vinoth Srinivasan]

Hi Paul, 

We have created a separate incident for this issue associated with the forum #153969 and request you to follow the incident for further details. 

Regards, 

Vinoth S.