在Ruby on Rails中显示可视化数据

下面的屏幕截图,从一些数据库中读取数据 – 我想我可以通过一些我正在关注的RubyOnRails教程来读取DB中的数据 – 但是那时我应该如何能够以他们想要的漂亮形状来表示这些数据下面的图片?

我应该非常熟悉哪些工具,框架等能够快速表示这样的数据?

因为我应该专注于Rails,如果你建议的东西与Rails很好地结合在一起也会很棒……

在此处输入图像描述

屏幕截图2:对于这个我“想”某种程度上我可以使用“谷歌图表”,但仍然很好有你的建议。

在此处输入图像描述

要制作图表,请使用javascript。 那里有很多图书馆。

第一张图片中的小图表称为sparklelines。 它们可以使用这个jquery插件制作

jQuery Sparklines

而这个纯粹的JavaScript工具

sparklines.js

对于其他图表,我认为最好的免费图表是d3库,特别是nvd3库巫婆是建立在d3库之上的。

Raphaël-JavaScript库也有一些解决方案。 一个是gRaphaël 。 我个人不喜欢这个,但看看。

图表库通常使用SVG(可缩放矢量图形。转到此处了解SVG和CSS)来显示图表。 并且您通过JSON从Rails提供数据。

Rails可以从控制器渲染JSON,你可以使用jbuilder “Jbuilder为你提供了一个简单的DSL,用于声明按摩巨型哈希结构的JSON结构。”

我通常最终在lib目录中使用自定义类,因为在将图表发送到图表之前,图表通常需要大量复杂的查询和数据库处理。

你应该看到这些railscast。 railcast#223 railcasts#223revised

第一个使用highcharts(非自由),最后一个使用morris.js 。 莫里斯相当简单,但在一些追逐中足够。 最后一个是最好的,但我想你必须订阅才能看到它。

这里有很多值得学习的东西,这很有趣!