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]
并且有最简单的演示代码如下:
[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]
最初的画板大小创建:
其中,Trace的颜色由如下代码控制:
标出横纵坐标如下:
标题和trace
标签和图片传送:
有关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")