[あすなろ](http://blog.pasonatech.co.jp/hibi/102/6086.html)とのダブルポストです。 仕事で使ってみたところ、とても簡単にそしてかっこいいグラフが表示できたので紹介します。配置ディレクトリがRoR前提になっていますが、適宜自分の環境に合うように変更してください。 enjoy! ;) ###Open Flash Chartサイト GNU General Public Licenseで公開されています。 <http://teethgrinder.co.uk/open-flash-chart/index.php> ###目標 GoogleFinanceのようなかっちょいいグラフをFlashで表示(下記はキャプチャ画像)  <http://finance.google.com/finance?q=google> ###ダウンロード&解凍 ダウンロードして適当なところに解凍します。 <http://teethgrinder.co.uk/open-flash-chart/download.php> ###ファイルのコピー 解凍したディレクトリ直下のopen-flash-chart.swfと、js/swfobject.jsの2つを下記にコピーします * public/open-flash-chart.swf * public/javascripts/swfobject.js ###viewまたはhtmlを編集します rails>> <% stats[:posts] = [23,44,35,46,78,7] %> <%= javascript_include_tag 'swfobject' %> <div id="chart"></div> <script type="text/javascript"> var so = new SWFObject("/open-flash-chart.swf", "ofc", "180", "100", "9", "#FFFFFF"); so.addVariable("variables","true"); so.addVariable("y_label_style", 'none'); so.addVariable("x_label_style", "10,#799191,0,2"); //2は2メモリごとにラベル表示の意。 so.addVariable("x_axis_steps","1"); //メモリ軸 so.addVariable("y_ticks","5,10,2"); so.addVariable("y_min","<%= stats[:posts].min %>"); //最小値 so.addVariable("y_max","<%= stats[:posts].max %>"); //最大値 so.addVariable("x_labels","Mon,Tue,Wed,Thurs,Fri,Sat,Sun"); //x軸ラベル so.addVariable("values", "<%= stats[:posts].join(',') %>"); //値 so.addVariable("line_hollow", "3,#799191,This week,10,5"); //グラフの種類 so.addVariable("bg_colour", "#F0F0F0"); so.addVariable("x_axis_colour", "#FFFFFF"); so.addVariable("x_grid_colour", "#FFFFFF"); so.addVariable("y_axis_colour", "#FFFFFF"); so.addVariable("y_grid_colour", "#FFFFFF"); so.addVariable("tool_tip","#x_label#:#val#"); so.addParam("allowScriptAccess", "sameDomain"); so.write("chart"); </script> <<-- あすなろ chart graph 0 2008-01-23T10:41:52+00:00 370 blue_stole 317 35 2008-01-23T10:42:03+00:00 4554986a-4e31-4bf3-9f27-ac8816d7edf0 2008-10-22T20:09:05+00:00 3