FussionCharts使用教程:グラフは画像/PDFにエクスポートされます.

3225 ワード

FussionCharts XTグラフコントロールパケットのすべてのグラフは、構成によって画像/PDFとして導き出すことができる.FussionChartsグラフの導出は、クライアントまたはサーバの端末で行うことができ、すべての導出された画像/PDFは、クライアントまたはサーバに保存することができる.
以下の画像は、クライアントがグラフのコンテキストメニューを通して画像をグラフにエクスポートする方法を示しています.実は、JavaScript APIを通じてグラフを導き出すこともできます.デフォルトではメニュー項目はFusion Chartsグラフには表示されません.エクスポートオプションとプロセッサの設定が必要です.本論文では,すべての導出オプションを簡単に紹介する.
FussionCharts XTは、直接にグラフを画像としてエクスポートすることができません.これは、サーバ端末のスクリプトや他のクライアントのFlashアニメーション(Flash Player 10)を借りる必要があります.FussionCharts XTは、グラフのスナップショットをオブジェクトFusion ChartExport Handlersに送り、画像またはPDFに変換する.
FussionCharts Export Handlers導出プロセッサは、2つの形態があります.Server-side HandlersとClient-side Handler.
FussionCharts Server-side Export Handlers:
サーバーからプロセッサをエクスポートします.スクリプトによってFusion Charts XTを画像/PDFにエクスポートします.Fusion Chartsは既存のASP.NET、PHP、Ruby on RailsとJavaスクリプトを提供します.
これらのスクリプトは、Fusion ChartXTからの圧縮ビットマップデータ(HTTPまたはHTTPSを介して)を受け取り、同じ画像/PDFに変換する.変換後、2つの選択があります.
  • は、出力された(画像/PDF)をサーバディスクに保存する.
  • またはブラウザに戻り、ユーザにすぐにダウンロードさせる.
  • 備考:FussionCharts XT v 3.3..0から、JavaScriptのグラフはサーバディスクにエクスポートして保存することができます.これを行うには、自分のサーバーを設定する必要があります.サーバーはPHPとJava(1.3以上)のバージョンをサポートする必要があります.また、サーバーにFusion Chars PHP導出プロセッサとApache Batik SVG Raster izerライブラリをインストールする必要があります.
    Client-side Export Handlers:
    クライアントのFusion Chartsは、すべてのサーバスクリプトをバイパスし、クライアントでグラフを画像/PDFファイルとして保存するためのコントロールをエクスポートします.クライアントの導出は、Flash Player 10とFusonChars Exports Javascriptクラスによって行われる.
    FussionChartsグラフの一括エクスポート
    クリックするだけで、すべてのページのグラフをクライアントからエクスポートできます.これは大量にエクスポートするということです.各グラフのエクスポートファイルは単独で保存することも、すべてのグラフをファイルとして保存することもできます.
    グラフのエクスポート設定
    グラフのエクスポート機能を有効にするには、グラフデータ(XML/JSON)にエクスポート設定を追加する必要があります.export Enbaled XMLのグラフのプロパティを設定するか、JSONのグラフのプロパティを設定する必要があります.
    グラフデータのエクスポートはどうしますか?
    XML
    <chart exportEnabled='1' exportAtClient='0' exportHandler='index.php'
    yAxisName='Sales Figure' caption='Top 5 Sales Person' numberPrefix='$'>
    <set label='Alex' value='25000' />
    <set label='Mark' value='35000' />
    <set label='David' value='42300' />
    <set label='Graham' value='35300' />
    <set label='John' value='31300' />
    </chart>
     JSON
    {
    "chart":{
    "exportenabled":"1",
    "exportatclient":"0",
    "exporthandler":"index.php",
    "yaxisname":"Sales Figure",
    "caption":"Top 5 Sales Person",
    "numberprefix":"$"
    },
    "data":[
    { "label":"Alex", "value":"25000" },
    { "label":"Mark", "value":"35000" },
    { "label":"David", "value":"42300" },
    { "label":"Graham", "value":"35300" },
    { "label":"John", "value":"31300" }
    ]
    }