< previous
XML/SWF Charts Reference*1
next >
13.chart_type グラフの種類を定義する

<!-- 標準グラフ(standard chart)-->
<chart_type>string</chart_type>

<!-- 混合グラフ(mixed chart)-->
<chart_type>
 <string>string</string>
 <string>string</string>
 ・・・
</chart_type>

(説明)

chart_typeは、グラフの種類を設定します。
その値は以下のとおりです。

標準と混合グラフ(Standard & Mixed Charts)
 
標準グラフでは、一つのグラフの種類が、1ストリングで指定します。
例;
      <chart>

        <chart_type>column </chart_type>

       </chart>
      
 
混合グラフでは、一つ以上のグラフの種類を、複数ストリングで指定します。
最初のグラフの種類は、最初の列のデータ(最初のシリーズ)に対応し、
2番目のグラフの種類は、2番目の列のデータ(2番目のシリーズ)に対応します。以下その様に対応します。
 
混合グラフは、面グラフ(area)、縦棒グラフ(column)、および折れ線グラフ(line)のみが有効です。
グラフの面の部分は、常に背面のレイヤー(層)に表示します。グラフの棒の部分は、中間層に表示します。
グラフの線の部分は、最前面層に表示します。
例;
  2001 2002 2003 2004
東京 75 10 30 63
大阪 100 20 65 55
札幌 56 21 20 90

<chart>

   <chart_type>
      <string>line</string>    <!--折れ線グラフ-東京に対応-->
      <string>column</string>  <!--縦棒グラフ-大阪に対応-->
      <string>column</string>  <!--縦棒グラフ-札幌に対応-->
   </chart_type>

   <chart_data>
      <row>
         <null/>
         <string>2001</string>
         <string>2002</string>
         <string>2003</string>
         <string>2004</string>
      </row>
      <row>
         <string>東京</string>
         <number>75</number>
         <number>10</number>
         <number>30</number>
         <number>63</number>
      </row>
      <row>
         <string>大阪</string>
         <number>100</number>
         <number>20</number>
         <number>65</number>
         <number>55</number>
      </row>
      <row>
         <string>札幌</string>
         <number>56</number>
         <number>21</number>
         <number>20</number>
         <number>90</number>
      </row>
   </chart_data>

</chart>
    
XML全コード ex-mixed.xml 

混合グラフサンプル(折れ線グラフ+縦棒グラフ)(chart_type‐mixed charts)
 

結合と合成グラフ(Joined & Composite Charts)
 
グラフを結合するのは、2つ以上の独立しているグラフを1つに見せる簡単な方法です。
それは、グラフに同じ背景色を配し、Webページにまさしく隣り合わせに配置します(互いにギャップなしに)。
gallery(ギャラリー)の例を参照しください。(Joined Charts)
 
(Webページ例)
<table cellpadding=0 cellspacing=0><tr><td>
 <OBJECT 
    classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 
    codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
    WIDTH="400" HEIGHT="200" id="charts" ALIGN=""> 
    <PARAM NAME=movie VALUE="./xml_charts/charts.swf?library_path=charts_library&xml_source=Joined_1.xml">
    <PARAM NAME=quality VALUE=high>
    <PARAM NAME=bgcolor VALUE=#667788> 
    <EMBED src="./xml_charts/charts.swf?library_path=charts_library&xml_source=xml/Joined_1_.xml" 
     uality=high bgcolor=#667788 WIDTH="400" HEIGHT="200" NAME="charts" ALIGN="" 
     TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
    </EMBED>
 </OBJECT>

 <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 
    codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
    WIDTH="400" HEIGHT="100" id="charts" ALIGN="">
    <PARAM NAME=movie VALUE="charts.swf?library_path=charts_library&xml_source=Joined_2.xml"> 
    <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#667788>
    <EMBED src="./xml_charts/charts.swf?library_path=charts_library&xml_source=Joined__2.xml" 
    quality=high bgcolor=#667788 WIDTH="400" HEIGHT="100" NAME="charts" ALIGN="" 
    TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
  </EMBED>
 </OBJECT>
</td></tr></table>

 
合成グラフは、キャンバス上でドローイメージ機能を使用することによって別のグラフを描いた1つのグラフです。
詳細は、 gallery(ギャラリー)の例のドロー機能(drow function)を参照してください。(Composite Charts)
 
合成グラフ(第1グラフ(縦棒)+第2グラフ(円))(Composite Charts)

グラフの好み(Chart Preferences)
 
chart_prefには、幾つかのグラフが、編集可能なリファレンスを持っています。

(例1)
  <!-- グラフのタイプは、3D縦棒グラフ-->
    <chart_type>3d column </chart_type>
XML全コード ex-3d-column.xml 

3D縦棒グラフサンプル(chart_type)

(例2)
  <!-- グラフのタイプは、浮遊縦棒グラフ-->
    <chart_type>floating column</chart_type>
XML全コード sample_bar-floating.xml 

浮遊縦棒グラフサンプル(chart_type)

(例3)
  <!-- グラフのタイプは、積み重ね面グラフ-->
    <chart_type>socked area</chart_type>
XML全コード ex-stacked_area.xml 

積み重ね面グラフサンプル(chart_type)

(例4)
  <!-- グラフのタイプは、3D円グラフ-->
    <chart_type>3d pie</chart_type>
XML全コード ex-3Dpie.xml 

3D円グラフグラフサンプル(chart_type)


< previous このページのTOP next >

*1 XML/SWF Charts Reference原本の著作権は、http://www.maani.usが所有しています

2006.12.8  by ma3ki