Rails：Gruff進階應用 [url=http://hlee.iteye.com/admin/blogs/438594]點這里[/url]

有關Gruff如何緩存和提高速度 [url=http://hlee.iteye.com/admin/blogs/438618]點這里[/url]

在Rails做報表和生產圖表的時候，通常我們的選擇很多，之前的文章中說到的Flex就是相當的趨勢。然而，這并不妨礙Rails的很多圖表插件（plugin）的市場份額，畢竟尺有所長。


下面介紹的Gruff就是一個很老牌，很經典的圖表生產庫。這個庫的特點是使用快捷簡單。實際上，在我自己的項目中，我們就是Flex和Gruff都使用了。下面的圖片是我自己使用Gruff和Flex生產的圖表。


[img]/upload/attachment/129760/cf62b1c2-20a8-39ec-9cd1-1060e138067e.png[/img]
下面是Flex的圖形生成和控制

[img]/upload/attachment/129762/64619f86-fa57-3697-a376-4b1d15d6cc40.png[/img]

那么，本篇是關于Gruff的。[url=http://nubyonrails.com/pages/gruff]Gruff的官網[/url]上也有標準的演示效果圖如下：

[img]/upload/attachment/129778/41207786-407e-3540-8762-d098eeac897d.png[/img]

并且有最簡單的演示代碼如下：


#!/usr/bin/ruby

require 'rubygems'
require 'gruff'

g = Gruff::Line.new
g.title = "My Graph"

g.data("Apples", [1, 2, 3, 4, 4, 3])
g.data("Oranges", [4, 8, 7, 9, 8, 9])
g.data("Watermelon", [2, 3, 1, 5, 6, 8])
g.data("Peaches", [9, 9, 10, 8, 7, 9])

g.labels = {0 => '2003', 2 => '2004', 4 => '2005'}

g.write('my_fruity_graph.png')


[size=large]
[b]
安裝簡單：[/b][/size]

可以從[url=http://github.com/topfunky/gruff/tree/master]Gruff的Git倉庫[/url]上得到插件，也可以[url=http://rubyforge.org/projects/gruff]從RubyForge上直接gem[/url]

最初的畫板大小創建：
g=Gruff::Line.new('800x400')

其中，Trace的顏色由如下代碼控制：

g.theme = {
:colors => %w{white red blue yellow},
:marker_color => '#888',
:font_color => 'white',
:background_colors => ['#111111', '#555555']
}


標出橫縱坐標如下：
g.x_axis_label = 'Frequency (MHz)'

g.y_axis_label = unit_diff==0 ? "Level (dBmV)" : "Level (dBuV)"

標題和trace

g.title="Profile #{profile.name}"
g.data("Profile Reference", profile.trace.collect {|measurement| measurement + unit_diff})

標簽和圖片傳送：

g.labels = {
0 => "#{label_0} MHz",
124 => "#{label_1} MHz",
249 => "#{label_2} MHz",
374 => "#{label_3} MHz",
499 => "#{label_4} MHz"
}
send_data(g.to_blob,
:disposition => 'inline',
:type => 'image/png',
:filename => "profile_trace.png")

總結

以上是生活随笔為你收集整理的Gruff: Rails 经典图表生成库简介的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。