"150px;" %> 我明白了: 它总是给我错误-6ren">
gpt4 book ai didi

javascript - Chartkick y 轴标签不正确

转载 作者:数据小太阳 更新时间:2023-10-29 05:30:02 24 4
gpt4 key购买 nike

我安装了 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:00 AM 等?我只想有数字,即:0、1、2、3 .. 23?

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

最佳答案

This thread在 Chartkick 的 Github 上表明图表库(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")}

关于javascript - Chartkick y 轴标签不正确,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19591770/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com