< previous
XML/SWF Charts Reference*1
 next >
5．canvas_bg カンバス背景について（XMLではありません）

（説明）

カンバスは、グラフの要素、凡例やタイトル等を含んだエリアを言います。
カンバスは、黄色のエリア全体です。



カンバスの属性は、HTMLのOBJECT/EMBEDタグのパラメータで、Webページの中に設定されたフラッシュ属性です。
それらは、長さ（width）、高さ（height）および背景色（background）です。また、背景色をグラフの描写矩形を背に、
透明（wmode）にすることもできます（赤色）。
WebページHTMLサンプル 
<HTML> <!--***英小文字パラメータの値が、修正可能です***-->
<BODY bgcolor="#FFFFFF"> <!--ページの背景色-->

<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
	codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" 
                  <!--↑classid=とcodebase=は、特に修正不要。この定義はフラッシュプレーヤ６。-->
	WIDTH="400"   <!--グラフカンバスの幅。（注記）④、⑤参照。-->
	HEIGHT="250"  <!--グラフカンバスの高さ。（注記）④、⑤参照。-->
	id="charts" <!--特に修正不要-->
	ALIGN=""
>
<PARAM NAME=movie VALUE="charts.swf?library_path=charts_library&xml_source=sample.xml"> <!--（注記）②、③参照-->
<PARAM NAME=quality VALUE=high>      <!--特に修正不要-->
<PARAM NAME=bgcolor VALUE=#ffff00>   <!--グラフカンバスの背景色-->
<!--<PARAM NAME=wmode VALUE=transparent>--> <!--グラフカンバスの背景色を透明にする。（注記）④、⑤参照。-->
 <EMBED src="charts.swf?library_path=charts_library&xml_source=sample.xml" <!--（注記）②、③参照-->
       quality=high      <!--特に修正不要-->
       bgcolor=#ffff00   <!--グラフカンバスの背景色-->
       <!--wmode=transparent--> <!--グラフカンバスの背景色を透明にする。（注記）④、⑤参照。-->
       WIDTH="400"  <!--グラフカンバスの幅。（注記）④、⑤参照。-->
       HEIGHT="250" <!--グラフカンバスの高さ。（注記）④、⑤参照。-->
       NAME="charts" <!--特に修正不要-->
       ALIGN="" 
       swLiveConnect="true" 
       TYPE="application/x-shockwave-flash" 
       PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"
 >
 </EMBED>
</OBJECT>

</BODY>
</HTML>

（注記）
①charts.swf URLが全てのブラウザーに取り組むために2つの異なる場所にあるとに気がついてください。
②charts.swf がWebページファイルと同じディレクトリにない場合、このURLは適当な相対パスか絶対パスである必要があります。
　　　例．"./graph/charts.swf"や"http://yourserver/graph/charts.swf".
③charts_libraryのURLとXMLファイルURLをcharts.swfに与えてください。
　　　例．charts.swf?library_path=charts_library&xml_source=sample.xml"
④ キャンバスとは、全てのグラフ要素を持つエリアです。それは凡例、タイトル、その他を含みます。
⑤キャンバス特性は、WebページのHTMLパラメータを通して、幅（width)、高さ(height)と背景色(bgcolor)に加えて、
　背景をチャートの後でhtml背景を示すために透明（transparent）にすることは、可能です。
　　　例．透明（transparent）にする（下の2行をXMLに追加します）
　　　　<PARAM NAME=wmode VALUE=transparent> <!--グラフカンバスの背景色を透明にする-->（ <EMBED タグの上に書く）
　　　　wmode=transparent <!--グラフカンバスの背景色を透明にする-->（ <EMBED タグの中に書く）

（背景色の透視化の例）上「WebページHTMLサンプル」の注記⑤参照

XML全コード sample_bar-canvas_bg.xml 


< previous このページのTOP next >
*1 XML/SWF Charts Reference原本の著作権は、http://www.maani.usが所有しています
2006.12.8  by ma3ki