如何在 Ruby on Rails 中从 JSON 数据创建图表？答案

【问题标题】：How do I create a graph from JSON data in Ruby on Rails?如何在 Ruby on Rails 中从 JSON 数据创建图表？
【发布时间】：2019-01-30 03:06:28
【问题描述】：

在部署到 Heroku 的 Ruby on Rails 应用程序中，我试图显示一个简单的图表。现在我正在使用 Highcharts，但我愿意尝试任何可以在屏幕上显示正确数据的图表。

这是从 Heroku postgres 数据库的 ActiveRecord 生成的 JSON 数据：

[
   {
      "id" => 1,
      "height" => "5",
      "weight" => "450",
      "body_fat" => "51",
      "created_at" => Tue, 29 Jan 2019 02:06:59 UTC +00:00,
      "updated_at" => Tue, 29 Jan 2019 02:06:59 UTC +00:00,
      "user_id" => 1
   }
]

我想要一个图表来绘制 weight 元素与 updated_at 元素的关系。同一天可能有多个数据点，我只想绘制当天最近的一个数据点。我用 groupdate 尝试了 Chartkick，但 Heroku 不喜欢 groupdate。

【问题讨论】：

请张贴你的代码试试这个。
@astronat 你能试试高图库吗

标签： ruby-on-rails json highcharts

【解决方案1】：

Highcharts 适合您的需求。您只需将日期“created_at”转换为以毫秒为单位的时间戳。查看下面发布的演示和 API 链接。

代码：

series: [{
    data: [
      [1264982400000, 29.9], // [timestamp, value]
      [1267401600000, 71.5],
      [1270080000000, 106.4]
    ]
}]

演示：

https://jsfiddle.net/BlackLabel/akyu3erb/

API 参考：

【讨论】：