ruby-on-rails - 使用 Chartkick 和 Rails 的多系列折线图

我正在尝试设置一个多系列折线图,按模式显示每月的总检查数。

类似于此图表的内容:

我希望模态是彩色的: (CT、MR、US、XR、MG、BD、NM)

每月日期 (to_date) 将是 X 轴数据标签。

考试模式:

has_many :modalities

模态模型:

belongs_to :exam

我的图表 Controller 上有一个 monthly_modalities 操作:

  def monthly_modalities
    chart_data = Modality.joins(:exam).map {|m|
      {name: m.name, data: m.exam.to_date}
    }
    render json: chart_data.each do |e|
      {name: :name, data: e.group_by_month(:to_date, format: '%b', range: 1.year).sum(:total).chart_json}
    end
  end

这是创建的图表:

问题是重复的模态没有组合在一起,X 轴数据标签上没有显示月度日期 (to_date)。

最佳答案

我结束了 asking another question关于这个问题,但更具体的是我是如何循环和输出数据的。

这是我解决这个问题的方法:

now = Time.now

chart_data = Modality.joins(:exam)
                     .where(exams: {from_date: (now - 1.year)..now}).map {|m|
  {name: m.name, data: {m.exam.from_date => m.total}}}

@exams = chart_data.group_by {|h| h[:name]}
             .map {|k, v| {name: k, data: v.map {|h| h[:data]}.reduce(&:merge)}}

这是显示图表所需的散列:

[
  {:name=>"MR", :data=>{Wed, 01 Feb 2017=>41, Wed, 01 Mar 2017=>66, Sat, 01 Apr 2017=>73, Sun, 01 Jan 2017=>44}}, 
  {:name=>"CT", :data=>{Wed, 01 Feb 2017=>4, Wed, 01 Mar 2017=>6, Sat, 01 Apr 2017=>8, Sun, 01 Jan 2017=>52}}, 
  {:name=>"XR", :data=>{Wed, 01 Mar 2017=>1}}, 
  {:name=>"US", :data=>{Sat, 01 Apr 2017=>1, Sun, 01 Jan 2017=>1}}
]

在我看来,我是这样渲染图表的:

<%= line_chart @exams %>

正确的图表:

https://stackoverflow.com/questions/43960038/

相关文章:

node.js - config.js 文件的 Typescript 版本

php - WooCommerce 以编程方式获取购物车 ID

reactjs - 改变列标题高度

html - 如何在 Rails 中为 datetime_field_tag 设置默认值

reactjs - React router v4 历史记录,有没有办法获取您导航的网址?

amazon-ec2 - 由于超时,无法从 EC2 实例连接到 SQS

angular - 如何正确检查用户是否在 Angular4 中经过身份验证?

wpf - 在 WPF 中串联静态资源

c# - 在 SortedSet 上调用 ToArray()/ToList() 是否保证返回排

swagger - 在响应文本中显示换行符