< previous
XML/SWF Charts Reference*1
next >
24.series_explode シリーズの分解

<series_explode>
 <number>int</number>
 [ <number>int</number> ]
</series_explode>

(説明)

series_explodeは、円グラフ(pie)、折れ線グラフ(line)及び散布グラフ(scatter)に適用されます。
円グラフでは、それは見栄えを強調するために、パイの端を円から切り離す設定ができます。
線と散布図では、それは見栄えを強調するために、線またはポイントマークの厚さかサイズを大ききする設定ができます。

series_explodeは、可変量の数を含んでいます。
最初の数は、最初のパイの端、線、またはポイントマークの強調を設定します。
2番目の数は、2番目のパイの端、線、またはポイントマークの強調を設定します。
最初のパイの端は、12時の位置が始まりです。
最初の線は、グラフデータの最前列(top row)のデータを表します。

それはシリーズの数と同じ数で、series_explodeを満たす必要はありません。
例えば、円グラフに5個のくさびがあるなら、series_explodeの1つの数で、最初の端を切り離すことで、十分かもしれません。


円グラフ(Pie Charts)

円グラフでは、0(ゼロ)の値は初期の位置(0%動かす)にくさびを残します。
100の値は、完全に円の半径から外へくさびを動かします。(円の外に100%動かします)
より高い値は、さらに遠くへそれを動かします。
くさびを目に見えなくするには、この値をキャンバスの外にそれを完全に動かすことができるくらい大きくしてください。
負の数は逆方向にくさびを動かします。


折れ線グラフ(Line Charts)

折れ線グラフでは、100の値は、chart_prefの線幅と同じ線幅を残します。
chart_prefline_thicknessが100%の線幅です。
200の値は、2倍厚く(200%の厚さ)なります。
100より低い値は線幅を減少させます。
一般には、1つの線だけをそれを強調するために、より厚くします。
残りは、そのままにします。


散布グラフ(Scatter Charts)

散布グラフでは、100の値は、chart_prefのポイントサイズと同じサイズを残します。
chart_prefpoint_sizeが100%のサイズです。
200の値は、2倍厚く(200%の厚さ)なります。
100より低い値はポイントサイズを減少させます。
一般には、1つのポイントだけをそれを強調するために、より大きくします。
残りは、そのままにします。


(例)

<chart>
<chart_type>pie</chart_type> <!--円グラフ-->
   <chart_data>
      <row>
         <null/>
     <string>建設業</string>
     <string>製造業</string>
     <string>陸上貨物\r運送事業</string>
     <string>港湾荷役業</string>
     <string>その他事業</string>
      </row>
      <row>
         <string>H16</string>
         <number>52</number>
         <number>31</number>
         <number>14</number>
         <number>2</number>
         <number>6</number>
      </row>
  </chart_data>
  <chart_value_text>
      <row>
         <null/>
         <null/>
         <null/>
         <null/>
         <null/>
         <null/>
      </row>
     <row>
       <null/>
     <string>建設業\r52\r49.5%</string>
     <string>製造業\r31\r29.5%</string>
     <string>陸上貨物\r運送事業\r14\r13.3%</string>
     <string>港湾荷役業\r2\r1.9%</string>
     <string>その他事業\r6\r5.7%</string>
     </row>
  </chart_value_text>
	<chart_rect x='200' y='90' width='150' height='150' positive_color='ffffff' positive_alpha='20' 
      negative_color='ff0000' negative_alpha='10' />
	<chart_value color='000080' alpha='90' font='Microsoft Sans Serif' bold='false' size='11' 
      position='outside' prefix='' suffix='' decimals='0' separator='' as_percentage='true' />
	<legend_label layout='horizontal' bullet='circle' font='Microsoft Sans Serif' bold='true' 
       size='11' color='000080' alpha='0' />
	<legend_rect x='0' y='0' width='0' height='130' fill_color='ffffff' fill_alpha='0' 
       line_color='000000' line_alpha='0' line_thickness='0' />
	<series_color>
		<color>ddaa41</color>
		<color>88dd11</color>
		<color>4e62dd</color>
		<color>ff8811</color>
		<color>ffc0cb</color>
	</series_color>
	<series_explode>
		<number>0</number>
		<number>0</number>
		<number>40</number>
		<number>0</number>
		<number>50</number>
	</series_explode>
        <draw>
         <!--<image layer='background' url='./img/crane1.jpg' x='0' y='150' width='150' height='150' alpha='30'
             />-->
          <text color='008000' font='Microsoft Sans Serif' h_align='center' size='14'
             bold='true' x='0' y='275'>H16 業種別採用人数数(105人)</text>
        </draw>
</chart>
XML全コード ex-series_explode-color.xml 

円グラフグラフサンプル(series_explode)


<chart>
   <!-- 折れ線-->
   <chart_type>line</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>90</number>
         <number>20</number>
         <number>65</number>
         <number>55</number>
      </row>
      <row>
         <string>札幌</string>
         <number>100</number>
         <number>81</number>
         <number>70</number>
         <number>90</number>
      </row>
   </chart_data>

 <chart_pref line_thickness='2' point_shape='square' fill_shape='true' />

   <!-- シリーズの強調 -->
   <series_explode>
      <number>0</number>
      <number>0</number>
      <number>200</number> <!--札幌を強調-->
   </series_explode>
</chart>
XML全コード sample_line.xml 

折れ線グラフグラフサンプル(series_explode)


< previous このページのTOP next >

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

2006.12.8  by ma3ki