
[ホーム]
[最新エントリー]
[あすなろBLOG]
[あすなろNEXTBLOG]
[あすなろカウンセラーBLOG]
[インタビュー]
[スペシャルコンテンツ]
[テックスペース]
|
|
次へ |
日比 知子
2008年01月23日
仕事で使ってみたところ、とても簡単にそしてかっこいいグラフが表示できたので紹介します。配置ディレクトリがRoR前提になっていますが、適宜自分の環境に合うように変更してください。
enjoy! ;)
GNU General Public Licenseで公開されています。
http://tee
GoogleFina

http://fin
ダウンロードして適当なところに解凍します。
http://tee
解凍したディレクトリ直下のopen-flash
1 <% stats[:posts] = [23,44,35,46,78,7] %> 2 3 <%= javascript_include_t ag 'swfobject' %> 4 <div id="chart"></div> 5 <script type="text/javas cript"> 6 var so = new SWFObject("/open-flas h-chart.sw f", "ofc", "180", "100", "9", "#FFFFFF");
7 so.addVariable("variables","true");
8 so.addVariable("y_label_st yle", 'none');
9 so.addVariable("x_label_st yle", "10,#799191,0,2"); //2は2メモリごとにラベル表示の意。
10 so.addVariable("x_axis_ste ps","1"); //メモリ軸
11 so.addVariable("y_ticks","5,10,2");
12 so.addVariable("y_min","<%= stats[:posts].min %>"); //最小値
13 so.addVariable("y_max","<%= stats[:posts].max %>"); //最大値
14 so.addVariable("x_labels","Mon,Tue,Wed,Thurs,Fri,Sat,Sun"); //x軸ラベル
15 so.addVariable("values", "<%= stats[:posts].join(',') %>"); //値
16 so.addVariable("line_hollo w", "3,#799191,This week,10,5"); //グラフの種類
17 so.addVariable("bg_colour", "#F0F0F0");
18 so.addVariable("x_axis_col our", "#FFFFFF");
19 so.addVariable("x_grid_col our", "#FFFFFF");
20 so.addVariable("y_axis_col our", "#FFFFFF");
21 so.addVariable("y_grid_col our", "#FFFFFF");
22 so.addVariable("tool_tip","#x_label#:#val#");
23
24 so.addParam("allowScriptAccess", "sameDomain ");
25 so.write("chart");
26 </script>
|
|
次へ |
|
|
[ホーム]
[ブログコンセプト]
[個人情報]
[著作権]
