Line chart error by pdf export

[Sarah Riethmüller]

Dear Syncfusionteam,

There is a problem with your line chart. In our case we use this for a document export with several charts via html conversion. other charts work well, and the converter gets it right. only the line chart has errors in the presentation. if you scroll over the document, then stagnates adobe pdf reader, as well as other pdf viewer and the lines are no longer displayed or says adobe graphic error. as a potential source of problems, the converter could be excluded because there were several tested and everywhere the same problem was observed. The chart is given as svg in the html dom.

Thanks

Sarah

[Dharanidharan Dharmasivam]

Hi Sarah, 

Greetings from Syncfusion. 

 

We have analyzed your query and with respect to the provided information, we have prepared a sample with multiple charts. In this sample, we have exported the charts as pdf in a button click event. The export pdf is working fine at our end and it is properly opening with adobe reader. 

Please find the code snippet to export multiple chart on the page, 

<div> 

     <ejs-chart #chart> </ejs-chart> 

</div> 

<div> 

     <ejs-chart #chart1></ejs-chart> 

</div> 

<button id='change' (click)='onClick()'>Export to PDf</button> 

  @ViewChild('chart') 

   public chart: ChartComponent; 

   @ViewChild('chart1') 

    public chart1: ChartComponent; 

public onClick(e: Event): void { 

        this.chart.export( 

       'PDF',                  // Export type 

      'chart',               // file name 

      'Portrait',          // orientation 

     [this.chart, this.chart1]     // controls collection 

     ); 

    } 

Sample for your reference, can be find from below link, 

https://stackblitz.com/edit/angular-25rh3d?file=src/app/app.component.ts  

If the above sample, doesn’t meet your requirement, kindly revert us with the following information which will be helpful in further analysis and so, that we can resolve your issue at early. 

• Try to reproduce the reported scenario with the attached sample,
• Or provide your sample with replication steps.
• Features used for line chart like tooltip, marker, data label, etc.
• Types of charts used in your sample.

 

Thanks, 

Dharani.