技术开发 频道

Rails应用程序中集成Open Flash Charts

  四、以图形化方式展现数据库中的数据

  现在,我们将介绍如何使用数据库中的数据来生成图表。

railosmith@garage:~/ofc1$ script/generate model appraisal
      exists  app
/models/
      exists  test
/unit/
      exists  test
/fixtures/
      create  app
/models/appraisal.rb
      create  test
/unit/appraisal_test.rb
      create  test
/fixtures/appraisals.yml
      create  db
/migrate
      create  db
/migrate/20100623060411_create_appraisals.rb

  为此,我们创建一个表,然后利用下面的命令随意输入一些日期数据:

class CreateAppraisals < ActiveRecord::Migration
  def self.up
    create_table ::appraisals
do |t|
      t.string :name
      t.string :metric
      t.integer :rating
      t.timestamps
    
end
  
end

  def self.down
    drop_table :graphs
  
end
end

railosmith@garage:~
/ofc1/db$ nano seeds.rb
Appraisal.create(:name
=> "Saurabh", :metric => "Hardwork", :rating => 97)
Appraisal.create(:name
=> "Saurabh", :metric => "Dedication", :rating => 89)
Appraisal.create(:name
=> "Sudhir", :metric => "Hardwork", :rating => 95)
Appraisal.create(:name
=> "Sudhir", :metric => "Dedication", :rating => 65)

railosmith@garage:~
/ofc1$ rake db:seed
(in
/home/railosmith/ofc1)
railosmith@garage:~
/ofc1$

  现在,该数据库已经填上了数据,下面我们用图表表示这些数据。为此,我们必须先创建一个控制器。这里,我们将这个控制器命名为Graphs。

  方法index将加载swf对象,并按照定义在graph_code方法中的参数来显示它们。

class GraphsController < ApplicationController
def index
    @graph
= open_flash_chart_object(600,300,"/graphs/graph_code")
  
end

  我们的图表展示的是雇员评价报告,因此首先要初始化一个名为bars的空数组,它将按照雇员数量来生成条形图。

def graph_code
    #According
to the Number of Employees
    bars  
= []

  为该图表的条形图选择颜色。

colours = ["#747170", "#5CB3FF"]

  搜索数据库中的评价记录,并按照评分进行分组。 评分将成为该图表的键。

appraisals = Appraisal.find(:all)

    appraisals.group_by(
&:metric).each do |metric, rating|
      # 3d bar graph, could be any bar graph though
      bar
= Bar3d.new
      bar.set_key(metric,
3)
      bar.colour
= colours[bars.size]
      bar.values
= appraisals.map(&:rating)
      bars
<< bar
    
end

  定义该图表的标题和名称,以及各轴的范围。

title = Title.new("Appraisal Report")

    x_axis
= XAxis.new
    x_axis.labels
= ["Saurabh", "Sudhir"]
  
    y_axis
= YAxis.new
    y_axis.set_range(
0, 100, 10)

  最后,创建一个图表对象,并给它的各种属性赋值。

graph = OpenFlashChart.new
    graph.bg_colour
= '#ffffcc'
    graph.title = title
    graph.x_axis
= x_axis
    graph.y_axis
= y_axis
    graph.elements
= bars

    render :text
=> graph.to_s
  
end
end

  方法render graph.to_s将为该图表生成一个JSON,并将其发送给该插件。 然后,该插件根据JSON的值生成一个SWF对象,并生成图表。

  现在,将会在视图的graphs文件夹内创建一个名为index.html.erb的视图。

<script type="text/javascript" src="/javascripts/swfobject.js"></script>
<%= @graph %>

  启动服务器,并转到本地主机的graphs目录下。 这样就可以看到图 2所示的图表了。

 以图形方式展现数据中的数据

图2 通过数据库生成的三维图表

  好了,我们已经用填充到数据库的值生产了一个图表。

  五、结束语

  当我们的Rails应用程序需要对某些数据进行各种分析的时候,生成图表就成为该程序的一项重要的功能。Open Flash Charts为图形化展示我们的应用程序的数据提供了一个良好的接口,此外,对于Rails应用程序来说,还可以通过一些Ruby on Rails插件方便地将Open Flash Charts集成到我们的应用中来。 本文中,我们为读者详细介绍了如何使用稳定的、简单的PullMonkey插件在Rails应用程序集成Open Flash Charts,希望本文能够对您有所帮助。

0
相关文章