2

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

我应该快速熟悉哪些工具、框架等才能表示这样的数据?

因为我应该专注于 Rails,所以如果你的建议也能与 Rails 很好地集成,那就太好了......

在此处输入图像描述

屏幕截图2:对于这个我“认为”我可以使用“谷歌图表”但仍然很高兴得到你的建议。

在此处输入图像描述

4

1 回答 1

3

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

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

jQuery 迷你图

而这个纯 JavaScript 工具

sparklines.js

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

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

图表库通常使用 SVG(Scalable Vector Graphics。点击此处了解 SVG 和 CSS)来显示图表。然后你通过 JSON 提供来自 Rails 的数据。

Rails 可以从控制器渲染 JSON,您可以使用jbuilder “Jbuilder 为您提供了一个简单的 DSL,用于声明 JSON 结构,它胜过处理巨大的哈希结构。”

我通常会在 lib 目录中创建一个自定义类,因为制图通常需要大量复杂的查询和处理来自数据库的数据,然后才能将其发送到图表。

你应该看到这些 railscasts。railscasts#223 railscasts#223revised

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

这里有很多东西要学,很有趣!

于 2013-01-12T19:33:01.883 回答