javascript - Chartkick y 轴标签不正确

Question

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

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

我明白了:

它总是给我错误的 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:00 AM 等？我只想有数字，即:0、1、2、3 .. 23？

我四处搜索，从上到下检查了他们的文档:http://ankane.github.io/chartkick/几个小时了，我真的不知道我错过了什么。任何帮助将不胜感激!

Answer 1

This thread在 Chartkick 的 Github 上表明图表库(Highcharts，在你的情况下？)对你想要什么样的 X 轴做出假设。我猜测，这里的问题是库做出了错误的假设，因此请尝试以更明显的格式命名输入的键。

在您的第一个示例中，您可以尝试使用 "Monday"、"Tuesday" 等代替 0、1，等等:

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")}