< previous
XML/SWF Charts Reference*1
next >
14.chart_label グラフのデータラベル値を定義する

<chart_label prefix='string'    suffix='string'   decimals='int'      decimal_char='string'
                separator='string' position='string' hide_zero='boolean' as_percentage='boolean'
                font='string'      bold='boolean'    size='int'          color='string'
                background_color='string' alpha='int'
             />

(説明)

chart_labelグラフの上に表すデータ値のデータラベル特質を設定します。データラベル値は、ここでは白いラベルです。
(75,100,56,・・・)

データ値ラベルのテキストは、「chart_data」からデフォルトで生成されます。
「chart_data」のデフォルト以外のテキストを使うには、「
chart_value_text」を使いカスタマズします。V5は削除。


ラベルの位置(Label Position)
 
各々のグラフは、異なった「position」キー値を持っています。値は、以下のとおりです。
 
折れ線グラフ(Line chart):各データポイントの、中央(center)、上部(above)、下部(below)、左(left)、右(right)
 マウスカーソルを当てたとき(cursor)、非表示(hide)
縦棒グラフ(Column chart):グラフ棒内部の、トップ(top)、底(bottom)、中央(middle)
 グラフ棒部分の外の上部(outside)、マウスカーソルを当てたとき(cursor)、非表示(hide)
積み重ね縦棒グラフ(Stacked Column chart):グラフ棒内部の、トップ(top)、底(bottom)、中央(middle)
 マウスカーソルを当てたとき(cursor)、非表示(hide)
浮遊縦棒グラフ(Floating Column chart):グラフ棒の、内側の上下に(inside)、外側の上下に(outside)
 マウスカーソルを当てたとき(cursor)、非表示(hide)。最大値(上)と最小値(下)を表示。
3D縦棒グラフ(3D Column chart):グラフ棒の、上部(over)、中央(middle)、マウスカーソルを当てたとき(cursor)
 非表示(hide)
積み重ね3D縦棒グラフ(Stacked 3D Column chart):中央(middle)、マウスカーソルを当てたとき(cursor)
 非表示(hide)
浮遊3D縦棒グラフ(Floating 3D Column chart):グラフ棒の、上部(over)、中央(middle)
 マウスカーソルを当てたとき(cursor)、非表示(hide)
円グラフ(Pie charts):グラフ円の、内側(inside)、外側(outside)、マウスカーソルを当てたとき(cursor)、非表示(hide)
3D円グラフ(3D Pie charts):グラフ円の、内側(inside)、外側(outside)、マウスカーソルを当てたとき(cursor)
 非表示(hide)
横棒グラフ(Bar chart):グラフ棒の、左内部(left)、中央(center)、右内部(right)、外側(outside)
 マウスカーソルを当てたとき(cursor)、非表示(hide)
積み重ね横棒グラフ(Stacked Bar chart):グラフ棒の、左内部(left)、中央(center)、右内部(right)、外側(outside)
 マウスカーソルを当てたとき(cursor)、非表示(hide)
浮遊横棒グラフ(Floating Bar chart):グラフ棒の、内部の左右に(inside)、外部の左右に(outside)
 マウスカーソルを当てたとき(cursor)、非表示(hide)。最小値(左)と最大値(右)を表示。
面グラフ(Area chart): 各データポイントの、中央(center)、上部(above)、下部(below)、左(left)、右(right)
 マウスカーソルを当てたとき(cursor)、非表示(hide)
積み重ね円グラフ(Stacked Area chart):各データポイントの、中央(center)、上部(above)、下部(below)、左(left)
 右(right)、マウスカーソルを当てたとき(cursor)、非表示(hide)
ストックチャート(Candlestick chart):マウスカーソルを当てたとき(cursor)、非表示(hide)
散布グラフ(Scatter chart): 各データポイントの、中央(center)、上部(above)、下部(below)、左(left)、右(right)
 マウスカーソルを当てたとき(cursor)、非表示(hide)
極グラフ(Polar chart): 各データポイントの、中央(center)、上部(above)、下部(below)、左(left)、右(right)
 マウスカーソルを当てたとき(cursor)、非表示(hide)
混合グラフ(Mixed chart):上記のラベルの位置(Label Position)の1つの位置キー(値)が混合グラフの全てのラベルを
 示すのに十分でないならば、アンダーラインによって切り離されるより多くのキーを加えます。
 たとえば、縦棒と折れ線の混合グラフは、ラベル位置キー(値)に「top_above」を与えることができます。
 
円グラフのデフォルト値は、内側(inside)です。他のグラフのデフォルトは、すべて非表示(hide)です。
マウスカーソルを当てたとき(cursor)は、カーソルの下でラベルを表示します。

フォント(fonts)
 
XML/SWF Chartsは、Arial-bold-Fontを埋め込んでいます(Fontのデフォルト値)。
文字特性をArialに設定することにより、埋め込まれた字体は、マシンにこの字体があるかどうかに関わらず、
テキストをすべてのマシンで同じに見せます。
埋め込まれた字体の他の利点はそれを回転させることができて、透明にそれをレンダリングすることができるということです。
不都合はフラッシュファイルのサイズを増加させるということです。
XML/SWF Chartsには1つの埋め込まれた字体しかない理由です。
埋め込まれたArial字体はeuropean言語の大部分のためにアクセントがあるキャラクタを見せることができます。
それが十分でないなら、代わりに別の非埋め込まれた字体を選びます。(ギャラリーページはこの字体を使用するだけです)
 
他の非埋め込まれた字体にも、上の文字修飾を設定することができます。
ローカルマシンに、正確な選択した字体がないなら、Flashは最も密接にそれに類似しているどんな字体も使用します。
非埋め込まれた字体は、予想より異なるように見えるかもしれませんが、
埋め込まれているより小さいポイントサイズで、もっと鋭くて読みやすい字体であるかもしれません。(10ポイント未満の場合)
 
非埋め込まれた字体が使用されているとき、どんな回転(rotation)とアルファ(alpha)属性も無視されます。
非埋め込まれた字体を使用するテキストは、いつも水平に表示し、完全に不透明です。
 
他の字体を直接charts.swfに埋め込むのは不可能です。
しかしながら、別のフラッシュファイルを作成して、他の字体をそれに埋め込んで、次に、それに図を表示するのは可能です。
これで、グラフは他の埋め込まれた字体にアクセスします。
詳細に関してこのページを参照してください。
 
ドローイメージ機能(draw image function)を使用して、JPEGイメージかSWFがファイルを読み込む(including)ことにより、
字体を心配しないでどんなテキストも表示する方法があります。

特殊文字(Special Characters)

特殊文字や英語以外の言語を表示するために;
 
1.
ソースファイル(XML)の中で特殊文字を入力し、それへのキャラクタを見せることができる字体を適用します。
 
<draw>
 <text font='special_font' > special_text </text>
</draw>
    
 
special_font」の部分を特殊文字を表示することができる字体の名前に取り替えてください。
これはArial以外の字体で、そして、オペレーティングシステムでそれが参照できる方法で入力します。
special_text」の部分を特殊文字を含むテキストに取り替えてください。
特殊文字は正しくここに現れなければなりません。
 
2.
UTF-8コード化されたソースファイル(XML)を作成、保存します。
 
3.
既に同じ特別な字体をインストールされているマシンのグラフを参照してください。

(例)
  <!-- ラベルデータ値の表示属性定義。接頭辞記号略、接尾辞記号略、少数点以下の表示なし、同左少数点の記号なし、
        千単位区切り記号なし、表示位置position(middle)、データ値0を隠すhide_zero(false)、
        %表示(円グラフの場合)、フォントfont(arial)、文字のサイズsize(10)、
        文字色color(FFFFFF)、文字の不透明度alpha(90) --->
  <chart_label prefix='' suffix='' decimals='0' decimal_char='.' separator='' position='middle'
          hide_zero='false' as_percentage='false' font='arial' bold='true' size='10' color='FFFFFF' 
          alpha='90'
          />
  <draw> <!--特殊文字(Special Characters) font='Microsoft Sans Serif'-->
   <text color='00008b' font='Microsoft Sans Serif'
    h_align='center' v_align='top' bold='true' size='13'>−過去4年の売上げ推移−</text>
   <text color='008000' font='Microsoft Sans Serif' h_align='center'
    bold='true' x='0' y='230'>(年)</text>
   <text color='008000' font='Microsoft Sans Serif' 
    bold='true' x='0' y='200'>(万円)</text>
  </draw>
XML全コード ex-3d-column.xml 

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


< previous このページのTOP next >

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

2006.12.8  by ma3ki