问在rails4中开始使用flot

EN

在看了一些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，如下所示： //=需要jquery //=需要jquery_ujs //= require jquery.flot.js //= require turbolinks //= require_tree。

绘制图表：

在任何视图文件(例如/app/ view /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>

测试它：

渲染页面。您应该看到类似于http://www.flotcharts.org/flot/examples/basic-usage/index.html的东西

我可以建议使用图表，一种红宝石吗？

安装：

1. 将宝石添加到您的宝石文件中。
2. 在application.js中，添加： //需要Chart.bundle //需要图表
3. 查看文档，找出如何操作数据选项。