Chartkick y轴不正确的标签

时间:2013-10-25 13:53:47

标签: javascript ruby-on-rails ruby charts ruby-on-rails-4

我安装了chartkick 1.2.0和groupdate 1.0.4 gem。当我尝试做某事时:

  <%= area_chart Match.group_by_day_of_week(:created_at).count, :width=>"700px;", :height=>"150px;"  %>

我明白了:

enter image description here

它总是给我错误的y轴。我应该如何格式化它以便显示“星期一”,“星期二”......

我的第二个例子,我也无法做到正确的是在一天内按小时分组。

  <% abc=Matches.on_location(@location).group_by{|b| b.created_at.strftime("%H").to_i} %>
  <% abc.update(abc){|key, v| v.length} %>
  <%= abc=abc.sort_by{|k,v| k} %>
  <%= area_chart abc, :width=>"700px;", :height=>"150px;"  %>

我做错了什么,它显示在凌晨1点00分等?我想要有数字,即:0,1,2,3 ...... 23?

我google了一下,检查了他们的文档从上到下:http://ankane.github.io/chartkick/现在已经有几个小时了,我真的不知道我错过了什么。任何帮助将不胜感激!

2 个答案:

答案 0 :(得分:2)

Chartkick的Github上的

This thread表明图表库(Highcharts,在你的情况下?)假设你想要什么样的X轴。猜测一下,我会说这里的问题是库假设不正确,所以尝试以更明显的格式命名输入键。

在您的第一个示例中,您可以尝试使用"Monday""Tuesday"等作为键而不是01等:

results = Match.group_by_day_of_week(:created_at).count # hash with numeric keys
days = %w(Monday Tuesday Wednesday Thursday Friday Saturday Sunday)
results = results.inject({}){|a, (k,v)| a.update(days[k] => v); a } # change numeric keys to weekday name

对于第二个示例,请尝试将日期格式设置为%H:%M:%S,这样您就更需要时间轴了:

abc=Matches.on_location(@location).group_by{|b| b.created_at.strftime("%H:%M:%S")}

答案 1 :(得分:1)

不幸的是,现在没有办法做到这一点。作为替代方案,您可以尝试使用柱形图。