在Rails4中开始

fearless_fool 发表于 Dev

fearless_fool

我想让一些指针在我的rails4应用程序中运行一个“ fello world” 。我发现了许多创建可爱图形的示例，但我坚持使用基本知识，例如，

下载并解压缩flot-0.8.2.zip文件后，如何将所有这些.js文件放在哪里？
我需要所有那些.js文件吗？
我要添加什么app/assets/javascripts/application.js文件？
...等等。

我不希望使用宝石-至少现在还不使用-因为我想了解引擎盖下的情况。

fearless_fool

在查看一些Heroku示例后回答我自己的问题：

建立：

转到http://www.flotcharts.org/
将http://www.flotcharts.org/downloads/flot-0.8.2.zip（或最新版本）下载到您选择的目录中
解压缩
将jquery.flot.js复制到/ app / assets / javascripts目录

编辑/app/assets/javascripts/application.js以包含jquery.flot.js，如下所示：

//= require jquery
//= require jquery_ujs
//= require jquery.flot.js
//= require turbolinks
//= require_tree .

制作图表：

在任何视图文件（例如/app/views/myclass/index.html.erb）中，添加以下内容：

<!-- create a placeholder for the flot graph -->
<div id="flot-placeholder" style="width:300px; height: 200px"></div>

<script type="text/javascript">
$(function() {
    var d1 = [];
    for (var i = 0; i < 14; i += 0.5) {
        d1.push([i, Math.sin(i)]);
    }
    var d2 = [[0, 3], [4, 8], [8, 5], [9, 13]];
    // A null signifies separate line segments
    var d3 = [[0, 12], [7, 12], null, [7, 2.5], [12, 2.5]];
    $.plot("#flot-placeholder", [ d1, d2, d3 ]);
});
</script>