Export Chart to PDF Using ITextSharp

Raj Kumar
Jul 18, 2013
66.9k
0
0
Article

This article explains how to export an ASP.Net Chart Control to PDF using iTextSharp.

What is ITextSharp

iTextSharp is a free and open source assembly that helps to convert page output or HTML content in A PDF file.

You can download it from here:

http://sourceforge.net/projects/itextsharp/

Now add that DLL to the application.

Getting Started

Start Visual Studio and create a new website in ASP.Net and add these 2 DLLs to the solution.

Itextsharp.dll
itextsharp.pdfa.dll

Now drag and drop the ASP.Net Chart Control to web page.

<div>
        <asp:Chart ID="Chart1" runat="server">
            <series>
                <asp:Series Name="Series1" Legend="Legend1">
                <Points>
                    <asp:DataPoint AxisLabel="Article" YValues="90" />
                    <asp:DataPoint AxisLabel="Blogs" YValues="120" />
                    <asp:DataPoint AxisLabel="Questions" YValues="300" />
                    <asp:DataPoint AxisLabel="Videos" YValues="240" />
                    <asp:DataPoint AxisLabel="Training" YValues="100" />
                </Points>
                </asp:Series>
            </series>
            <chartareas>
                <asp:ChartArea Name="ChartArea1">
                </asp:ChartArea>
            </chartareas>
        <titles><asp:Title Name="Title1" Text="Website Stats"></asp:Title></titles></asp:Chart>
        <br />
<asp:Button ID="btnExport" runat="server" Text="Export To PDF" OnClick="btnExport_Click" />
</div>

Once we have added the Chart Control to a page, as you can see a few things have been added to the web.config automatically.

</appSettings>

<system.webServer>

<add name="ChartImageHandler" preCondition="integratedMode" verb="GET,HEAD,POST"

path="ChartImg.axd" type="System.Web.UI.DataVisualization.Charting.ChartHttpHandler, System.Web.DataVisualization, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" />

</handlers>

</system.webServer>

<add path="ChartImg.axd" verb="GET,HEAD,POST" type="System.Web.UI.DataVisualization.Charting.ChartHttpHandler, System.Web.DataVisualization, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"

validate="false" />

</httpHandlers>

<pages>

<add tagPrefix="asp" namespace="System.Web.UI.DataVisualization.Charting"

assembly="System.Web.DataVisualization, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" />

</controls>

</pages>

Now let's work on the code behind, first of all add the following namespaces:

using iTextSharp.text;

using System.IO;

using iTextSharp.text.html.simpleparser;

using iTextSharp.text.pdf;

using System.Web.UI.DataVisualization.Charting;

Write this on button click.

protected void btnExport_Click(object sender, EventArgs e)

{

Document Doc = new Document(PageSize.A4, 10f, 10f, 10f, 0f);

PdfWriter.GetInstance(Doc, Response.OutputStream);

Doc.Open();

using (MemoryStream memoryStream = new MemoryStream())

{

Chart1.SaveImage(memoryStream, ChartImageFormat.Png);

iTextSharp.text.Image img = iTextSharp.text.Image.GetInstance(memoryStream.GetBuffer());

img.ScalePercent(75f);

Doc.Add(img);

Doc.Close();

Response.ContentType = "application/pdf";

Response.AddHeader("content-disposition", "attachment;filename=Chart.pdf");

Response.Cache.SetCacheability(HttpCacheability.NoCache);

Response.Write(Doc);

Response.End();

}

}

Hit F5 to see the output.

Image 1.

Click the "Export" button to export data to a PDF.

Image 2.

If you need more help then download the sample application, there are all the DLLs available and the page name is ExportChartToPDF.aspx.