open-flash-chart

阅读更多
http://pullmonkey.com/2008/7/23/open-flash-chart-ii-plugin-for-ruby-on-rails-ofc2
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  运行看效果^^ 太帅了
  • open_flash_chart.rar (286.5 KB)
  • 下载次数: 32
  • swfobject.rar (3.4 KB)
  • 下载次数: 19
  • open-flash-chart.rar (273.8 KB)
  • 下载次数: 25

你可能感兴趣的:(Flash,Rails,Ruby,Git,JavaScript)