![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
Open Flash Chartグラフを使った開発はこれをつかえば、データを生成するだけでいけそうです。PHPのサンプルもありますし、他でもこれをつかってみようと思います。 環境http://teethgrinder.co.uk/open-flash-chartよりダウンロードしました。あとは解凍して、open-flash-chart.swfをおいておくだけです。後はFlash自体の大きさ。widthやheigth サンプルhtml だらだら書いてますが、変更するのはdata=data.txtのdata.txtの部分だけです。 <html>
<body>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="400" height="300" id="graph-2" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="open-flash-chart.swf?width=500&height=250&data=data.txt" />
<param name="quality" value="high" />
<param name="bgcolor" value="#FFFFFF" />
<embed src="open-flash-chart.swf?width=500&height=250&data=data.txt" quality="high" bgcolor="#FFFFFF" width="500" height="250" name="open-flash-chart" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</body>
</html>
data.txt UTF-8で保存しましょう。 &title=漢字 グラフ,{font-size: 25px;}&
&y_legend=aa,15,#8B4B50&
&y_label_style=21,#303030&
&y_ticks=5,10,4&
&bar=50,0x9933CC,Page views,10&
&values=9,6,7,9,5,7,6,9,9&
&x_labels=1月,,3月,,5月,,7月,,9月&
&y_max=20&
項目については、 title=試合結果,{font-size: 20px; color: #000000;background-color: #d070ac; padding: 5px 15px 5px 15px;} タイトルや文字の大きさなど
bg_colour=#FDFDFD バックカラー
tool_tip=点数=#val# ツールチップ グラフにマウスを持っていたときに表示される。
y_max:y軸の最大値
y_label_style=21,#303030 y軸のラベルのサイズ、カラー
y_legend=aa,15,#8B4B50 y軸の名称 漢字が表示されなかった。
y_ticks=5,10,4 y軸の各項目に対してのバーの長さ
x_legend=ほほ,15,#8B4B50& x軸の名称 こちらは漢字が表示された。
x_labels:x軸の最大値
values:値
bar=50,0x9933CC,Page views,10: 50は透明度、0x9933CCはバーの色、Page viewsはバーのタイトル,10はそのタイトルの文字の大きさ
bar_2=: ２つ目のグラフ
values_2: ２つ目のグラフの値
bar_2: ２つ目のグラフのbar
リンク参考書籍コメント
|
