ScatterChart 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 $("#<%=C1ScatterChart1.ClientID%>"); }

       // Export 関数
       function exportImage() {
   var fileName ="ExportImage";
   var type = "Png";
   var url = "http://demos.componentone.com/ASPNET/ExportService" + "/exportapi/chart";
   var chart = getChart();
$("#<%=C1BarChart1.ClientID%>").C1ScatterChart("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
       }

$("#<%=C1ScatterChart1.ClientID%>").C1ScatterChart("exportChart", fileName, "pdf", 

       pdfSetting, url);
       }
</script>
        </asp:PlaceHolder>
        

生成される PDF のプロパティを次の図に示します。

ファイルが Internet Explorer でダウンロードされない場合は、Internet Explorer の保護モードをオフにしてファイルをエクスポートするか、Internet Explorer を管理者として実行します。保護モードをオフにするには、次のようにします。