CompositeChart for ASP.NET Web forms
エクスポートサービス
トピックの内容

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

システム要件

サービスホストのシステム要件は次のとおりです。

Microsoft Windows 7 または Microsoft Windows Server 2008 R2 では .Net Framework 4.0 をアップデートできます。詳細については、「http://support.microsoft.com/kb/2468871」を参照してください。

チャートのエクスポート設定

チャートをエクスポートするための設定は次のとおりです。

画像としてエクスポート

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 を管理者として実行します。保護モードをオフにするには、次のようにします。