fusionChartの使用

flexの使用:
   1.バックグラウンドデータの構造
       ChartStyle,RowData,TrendLineなどのオブジェクトはChartData.toXML()で組み立てられて出力されるChartDataオブジェクトを構築すべきである.
      タイミング更新データについては、チャートのデータは一部変更が必要であり、RowDataのような場合は、その部分のxmlのみがオーストリア構造となります.
        異なる図形については、スタイルも同じではないかもしれません.sytleとdataを分離して、より柔軟にするべきです.

 <ns1:FusionCharts x="10" y="10" FCChartType="Column3D">

          <ns1:FCChartData FCData="{chartData.data[0]}" FCParams="{chartParams.param[0]}"/>

 </ns1:FusionCharts>

      <mx:Script>

         <![CDATA[

              //Create a xmlList object for chart data 

              [Bindable]

              private var chartData:XML=

                    <main>

                          <data>

                                <data label='Jan' value='17400' />

                                <data label='Feb' value='19800' />

                                <data label='Mar' value='21800' />

                                <data label='April' value='23000'/>

                                <data label='May' value='29000' />

                                <data label='Jun' value='27600' /> 

                          </data>

                    </main>;

              //Create a xmlList object for chart parameters 

              [Bindable]

              private var chartParams:XML=

                  <main>

                        <param>

                              <params caption='Half Yearly Sales Summary' 

                                subcaption='For the year 2008 - First Half'   

                                xAxisName='Month' 

                                yAxisName='Sales' numberPrefix='$' />

                        </param>

                   </main>;

         ]]> 

      </mx:Script>

 2.   <styles>  Font， Glow   

 3. Annotations：Annotations can be used to highlight special areas of your

 widget or simply to spruce up its appearance。   chart shape,image, text

， HealthGaugeCanvas         annotations  

 4. realtime update（  widget   ）

      ： xml      refreshInterval dataStreamURL

 5. Flex Examples by Case

   1.      :  Flex-Examples By Case  Number Formatting

         ，    （decimals），     

   2. drill down example  

    Full Chart as a hotspot ：        

    FCClickEvent，   link=”S-”    

   3.     chart data 

    chart.FCData()  chart.FCParams() fc.FCRender()             ；

   timer        ，    real-time   

   4. FusionChart in Flex Containers

    Box VBox HBox  Panel  Accordion Grid Canvas Tab Navigator  TitleWindow,  

mx     

   5. fusionchart 100%     

       s:application     ， mx：Application     。

     6.ステートメントtrendLine
       表示する  trends、tagetsは、trendLineノード定義をdata xmlで使用することができます. 
     7.tooltipは改行を実現します.
         tooltext='John Miller{br}スコア:420{br}Rank:2'
    8.チャートのデフォルトメッセージを修正する(Changing Chart Messages)
        を変更します.具体的にはドキュメントを参照してください.
    9.Chart Using Remote Data
        When chart is generatedは、サーバ端末のデータがまだ戻っていない場合、同期が必要です.理由は、FrenderEventオブジェクトがトリガされた後だけ、Fusion Chartsオブジェクトの関数が使用できます.
        解決方法:同期RemoteObjectのResultEventとFusion ChartのFrenderEventイベントは、FrenderEventがトリガされた後、Chart.set DataXML関数を呼び出します.具体的なコードは以下の通りです.

 <ns1:FusionCharts id="fc" FCChartType="Column2D" FCRenderEvent="{onRender()}" />        <mx:HTTPService id="service" url="someData.xml" result="{onResult(event)}" resultFormat="xml" />          <mx:Script>               
 <![CDATA[                                              
 import mx.rpc.events.ResultEvent;                                                                       
private var dataXML:String = "";                       
 private var hasRendered:Boolean = false;                                                
private function onResult(e:ResultEvent):void {                               
      dataXML = e.result.toString();                               
      setData();                        
}                                              
private function onRender():void { 
      hasRendered = true;             
      setData();                        
}                                               
private function setData():void {
       if(hasRendered) { 
                 fc.FCSetDataXML(dataXML);
}                       
 }                
]]>        
</mx:Script>

jsの使用:
実際には、データの多くはユーザーがクエリ条件を選択し、サーバがクエリ結果に戻ります.setData URLを使って、JavaScriptを使ってグラフィックスをロードします.
第六章図形の基本的な要素――背景、前景色、タイトルなど、修正できる図形要素.
第七章データタイプ(Boolean,Number,String Hex Color Code)
グラフィックスタイプを動的に変更する:JSを使用して、最初のグラフィックスを動的にロードし、グラフィックスタイプを変更する必要がある場合、新しいFusion Charsクラスのインスタンスを作成し、renderは元のdivに到達する.
動的変更データ:udateChartXML(flashのid、xmlデータ文字)を使用して実現します.
第十章FFC中のドリル  本ページ、新ページへのリンク、javascriptスクリプトの実行を提供します.
第十一章FCIFにおける基本的な数値書式:小数点以下の精確な桁数、データフォーマット、プレフィックス、サフィックスなど
第十三章中断データの処理  x座標を表示しない、またはデータが表示されない処理
第十四章JSPの参考はやはりdocを見るべきです.