Chart within PDF control

Thread ID:	Created:	Updated:	Platform:	Replies:
148254	Oct 11,2019 12:25 PM UTC	Oct 14,2019 09:43 AM UTC	ASP.NET Core - EJ 2	1

Subscribe to this post

Tags: Charts

Martin

Asked On October 11, 2019 12:25 PM UTC

Is there an example where i can create a chart, then output it in the PDF document which the PDF control creates.

Many thanks

Reply | Reply with quote

Srihari Muthukaruppan [Syncfusion]

Replied On October 14, 2019 09:43 AM UTC

Hi Martin,

Greetings from syncfusion

We have validated your query. From that, we would like to let you know that, currently we can export the chart rendered as image to the PDF using “export” method available in export module, in which “PDF” format and file name can be passed as an arguments. Based on that we have prepared a sample and also provided the code snippet for your reference.

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/ExportChart195286961.zip

Code Snippet:

[index.cshtml]:

<ejs-chart id="container" >

<e-chart-primaryxaxis valueType="Category" title="Countries"></e-chart-primaryxaxis>

<e-series-collection>

<e-series dataSource="ViewBag.dataSource" xName="xValue" yName="yValue" type="@Syncfusion.EJ2.Charts.ChartSeriesType.Column">

</e-series>

</e-series-collection>

</ejs-chart>

</div>

document.getElementById('button').onclick = () => {

var chart = document.getElementById('container').ej2_instances[0];

chart.exportModule.export("PDF", 'chart');

};

</script>

Screenshot:

Before click	After click

Please let me know, if you have any concerns.

Regards,

Srihari

Reply | Reply with quote

CONTACT US

Chart within PDF control

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US