XML/SWF Charts グラフ作成Webページサンプル

１．基本的なHTMLサンプル｜２．FLASHコントロールアクティブ化対応HTMLサンプル

１．基本的なHTMLサンプル 
<HTML>
 <head>
  <meta http-equiv="content-type" content="text/html;charset=Shift_JIS">
  <title>縦棒SWFグラフ作成サンプル｜XML/SWF Charts 使用</title>
        <meta http-equiv="Pragma" content="no-cache">
        <meta http-equiv="Expires" content="0">
<script LANGUAGE="JavaScript" SRC="swfchart_write.js"></script>
    </head>
<BODY bgcolor="#ffffff">
<CENTER>
<P><b>縦棒フラッシュグラフサンプル</b></p>
			
<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="250" 
 id="charts" 
 ALIGN=""
>
<PARAM NAME=movie VALUE="./chartslib/charts.swf?library_path=chartslib&xml_source=sample_bar.xml">
<PARAM NAME=quality VALUE=high>
<PARAM NAME=bgcolor VALUE=#888800>
<!--<PARAM NAME=wmode VALUE=transparent>->
<EMBED src="./chartslib/charts.swf?library_path=chartslib&xml_source=sample_bar.xml" 
       quality=high 
       bgcolor=#888888-->
       <!--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>
</CENTER>
</BODY>
</HTML>

２．FLASHコントロールアクティブ化対応HTMLサンプル 
（１）HTMLサンプル

<HTML>
 <head>
  <meta http-equiv="content-type" content="text/html;charset=Shift_JIS">
  <title>縦棒SWFグラフ作成サンプル｜XML/SWF Charts 使用</title>
        <meta http-equiv="Pragma" content="no-cache">
        <meta http-equiv="Expires" content="0">
<script LANGUAGE="JavaScript" SRC="swfchart_write.js"></script> <!--(2)swfchart_write.js参照-->
    </head>
<BODY bgcolor="#ffffff">
<CENTER>
<P><b>縦棒フラッシュグラフサンプル</b></p>
<!--SWF呼び出し/<object>タグ書き出し-->
<script language="JavaScript" type="text/javascript">
 swfChart_Write('./charts/charts.swf?library_path=charts&xml_source=sample_bar.xml','#888800')
</script>
</CENTER>
</BODY>
</HTML>


-------------------------------------------------------------------


（２）swfchart_write.jsソース

//XML/SWF Charts SWF呼び出し

/*使用方法

swfChart_Write(swf,bg,w,h,name,cid,cbase,wmode); 呼び出し方法
　パラメータは、シングルクォート'で括ります。
（１）swf:charts.swf(メインswf)の起動URL（必須）
 例． './charts/charts.swf?library_path=chartslib&xml_source=default.xml'
　　./charts/charts.swf:グラフ作成表示Webページから見たcharts.swfのURL
　　library_path:グラフ作成表示Webページから見た「charts_library」格納フォルダのURL
　　xml_source:グラフ作成表示Webページから見た「グラフ定義データXML」ファイルのURL
			
[xmlswf-chart] 
   +-[charts]　←XML/SWF Chartsライブラリー
       +---[charts_library]　　←グラフ作成部品SWFライブラリー
               +---.DS_Store
               +---arno.swf等 　←18個の部品SWFファイル郡
       +---charts.swf　　　　　←グラフ作成メインSWF
   +---barchart-sample1.html　　←グラフ作成表示Webページ
   +---sample1_bar.xml　　　　　←グラフ定義データXML（コードはUTF-8)
			
（２）bg:フラッシュグラフカンバスの背景色。（（２）項以下省略可）
（３）w:フラッシュグラフカンバスの横幅（ピクセル）
（４）h:フラッシュグラフカンバスの高さ（ピクセル）
（５）name:フラッシュの名前。id,nameパラメータ値。デフォルトはcharts
（６）cid:フラッシュのクラスID（classid)
（７）cbase:フラッシュのコードベース（codebase)
（８）wmode:フラッシュグラフカンバスの背景色(bg)を透視する場合指定する。
            yes:透視する no:透視しない
			
*/

function swfChart_Write(swf,bg,w,h,name,cid,cbase,wmode){
if((bg == undefined) || (bg == "")){bg="#dcdcdc"}
if((w == undefined) || (w == "")){w="400"}
if((h == undefined) || (h == "")){h="250"}
if((name == undefined) || (name == "")){name="charts"}
if((cid == undefined) || (cid == "")){cid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"}
if((cbase == undefined) || (cbase == "")){cbase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"}
if(wmode == "yes"){wmode="transparent"}
else{wmode="no"}
alert(swf,bg,w,h,name,cid,cbase,wmode);
var Str = '<OBJECT classid="'+cid+'" ';
    Str += 'codebase="'+cbase+'" ';
 Str += 'WIDTH="'+w+'" ';
 Str += 'HEIGHT="'+h+'" ';
 Str += 'id="'+name+'" '; 
 Str += 'ALIGN="">';
 Str += '<PARAM NAME=movie VALUE="'+swf+'">';
 Str += '<PARAM NAME=quality VALUE=high>';
 Str += '<PARAM NAME=bgcolor VALUE='+bg+'>';
 if(wmode == "transparent"){
    Str += '<PARAM NAME=wmode VALUE=transparent>';
    }
    Str += '<EMBED src="'+swf+'" '; 
    Str += 'quality=high '; 
    Str += 'bgcolor='+bg+' ';
 if(wmode == "transparent"){
    Str += 'wmode=transparent ';
    }
    Str += 'WIDTH="'+w+'" ';
    Str += 'HEIGHT="'+h+'" ';
    Str += 'NAME="'+name+'" ';
    Str += 'ALIGN="" ';
    Str += 'swLiveConnect="true" ';
    Str += 'TYPE="application/x-shockwave-flash" '; 
    Str += 'PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">';
    Str += '</EMBED>';
    Str += '</OBJECT>';
alert(Str)
document.write(Str);
}

最終更新日：2006.8.18