C1 ASP.NET Export Service を使用すると、複雑なエクスポートアプリケーションを作成しなくても、チャートを画像または PDF としてにエクスポートできます。このサービスはアプリケーションサーバー上に置かれます。
C1 ASP.NET Export Service を使用する利点は次のとおりです。
Export Service は、インターネットインフォメーションサービス(IIS)上に配布される Web アプリケーションです。C:\Program Files\ComponentOne\ASP.NET Web Forms フォルダにある C1ASPNETExportService インストーラを実行してください。次のファイルが IIS にインストールされます。
これらのファイルは、次の場所にも格納されています。
C:\ProgramData\ComponentOne\C1ASPNET\C1APNETExportService
サービスホストのシステム要件は次のとおりです。
チャートをエクスポートするための設定は次のとおりです。
画像としてエクスポート
PDF にエクスポート
チャートを画像または PDF としてエクスポートするには、exportChart
メソッドを呼び出します。チャートを画像にエクスポートするには、 <head>
タグと </head>
タグの間に次のコードを追加します。
<script src="http://code.jquery.com/jquery-1.9.1.min.js" type="text/javascript"> </script> <asp:PlaceHolder runat="server"> <!--Export メソッド--> <script type="text/javascript"> $(function () { $("#Button1").click(exportImage); }); function getChart() { return $("#<%=C1CompositeChart1.ClientID%>"); } // Export 関数 function exportImage() { var fileName ="ExportImage"; var type = "Png"; var url = "http://demos.componentone.com/ASPNET/ExportService" + "/exportapi/chart"; var chart = getChart(); $("#<%=C1CompositeChart1.ClientID%>").c1compositechart("exportChart", fileName, type, url); } </script> </asp:PlaceHolder>
チャートを PDF にエクスポートするには、<head>
タグと </head>
タグの間に次のコードを追加します。
<script src="http://code.jquery.com/jquery-1.9.1.min.js" type="text/javascript"> </script> <asp:PlaceHolder runat="server"> <script type="text/javascript"> $(function () { $("#Button1").click(exportPdf); }); // Export 関数 function exportPdf() { var fileName = "ExportCharts"; var url = "http://demos.componentone.com/ASPNET/ExportService"+ "/exportapi/chart"; var pdfSetting = { imageQuality: 'Low', compression: 'BestCompression', fontType: 'TrueType', author: 'Grapecity', creator: 'Grapecity', subject: 'グラフのエクスポート', keywords: 'chart, export, pdf', allowCopyContent: true, allowEditAnnotations: true, allowEditContent: true, allowPrint: true } $("#<%=C1CompositeChart1.ClientID%>").c1compositechart("exportChart",fileName, "pdf", pdfSetting, url); } </script> </asp:PlaceHolder>
生成される PDF のプロパティを次の図に示します。
ファイルが Internet Explorer でダウンロードされない場合は、Internet Explorer の保護モードをオフにしてファイルをエクスポートするか、 Internet Explorer を管理者として実行します。保護モードをオフにするには、次のようにします。