http://pullmonkey.com/projects/open_flash_chart2/
英文配置步骤
1. rails testing_ofc_2
2. cd testing_ofc_2
3.
script/plugin install git://github.com/pullmonkey/open_flash_chart.git
4. If the above line did not work for you, you can also use http -
script/plugin install http://github.com/pullmonkey/open_flash_chart.git
5. script/generate controller test_it
6. Add the following to the test_it_controller.rb in RAILS_ROOT/app/controllers:
class TestItController < ApplicationController def index @graph = open_flash_chart_object(600,300,"/test_it/graph_code") end def graph_code title = Title.new("MY TITLE") bar = BarGlass.new bar.set_values([1,2,3,4,5,6,7,8,9]) chart = OpenFlashChart.new chart.set_title(title) chart.add_element(bar) render :text => chart.to_s end end
7. Add the following to index.html.erb in RAILS_ROOT/app/views/test_it/:
<%= @graph %>
8. Copy swfobject.js from the plugin's assets/ directory (will make this happen at install time later) to your RAILS_ROOT/public/javascripts directory
9. Copy open-flash-chart.swf from the plugin's assets/ director to your RAILS_ROOT/public/ directory
10. script/server
11. Browse to http://localhost:3000/test_it
12. Let me know how it goes, thanks.
日语版配置步骤
http://doruby.kbmj.com/nakahira_on_rails/20081021/ruby_on_rails_graph_Open_Flash_Chart_
こんにちは、KBMJの中平@railsエンジニアです。
今回はruby on railsでグラフを表示させようと思います。
rubyでグラフを作成するのは、Gruff というプラグインがありますが
今回は Gruffではなく Open Flash Chart というグラフ作成プラグインを使用してみます。
このプラグインの特徴は、その名の通りグラフをFlashで表示するプラグインなので、Gruffを使った場合より見た目がいいグラフができるかも? ということで、さっそくruby on rails でグラフを作成してみます。
Open Flash Chartは、こちらのサイトでruby on rails 用のプラグインが公開されています。(ほかの言語のプラグインもあります)
http://pullmonkey.com/projects/open_flash_chart2/
サイトを見ると使い方の手順が書いてあるのでその通りに実行します。
※上記のサイトに手順書いてありますので、ここでは要点をざっと説明します。
1.Open Flash Chartプラグインのインストール
ruby script/plugin install git://github.com/pullmonkey/open_flash_chart.git
2.グラフ表示のためのコントローラーやビューの記述
サイトに書いてあるサンプルを参考にしてください。棒グラフの作成サンプルです。
(グラフのサンプルコードは数行の簡単なものですので、ここでは省略します)
3.swfobject.jsファイルのコピー
プラグインに入っている
/vendor/plugins/open_flash_chart/assets/swfobject.js ファイルを
RAILS_ROOT/public/javascriptsディレクトリにコピーします。
4.open-flash-chart.swfファイルのコピー
プラグインに入っている
/vendor/plugins/open_flash_chart/assets/open-flash-chart.swf ファイルを
RAILS_ROOT/publicディレクトリにコピーします。
準備はこれで終わりです。
中文步骤
1 下载插件 vender/plugin 下面
2 下载 public/javascripts/swfobject.js
下载 open-flash-chart.rar 解压到public 下面 就一个open-flash-chart.swf 文件
3 代码拷贝
def index @graph = open_flash_chart_object(600,300,"/test_it/graph_code") end def graph_code title = Title.new("MY TITLE") bar = BarGlass.new bar.set_values([1,2,3,4,5,6,7,8,9]) chart = OpenFlashChart.new chart.set_title(title) chart.add_element(bar) render :text => chart.to_s end
4 layout
<% javascript_include_tag "swfobject" %>
5 view 代码
<%= @graph>
6 运行看效果^^ 太帅了