問題の概要
Railsのアプリで折れ線グラフを作成したく、
gem "chartkick"、'groupdate'を使用しております。
グラフ描写は出来たのですが、縦軸と横軸の値が表示されなく困っております。
どなたかご存知の方がおりましたらアドバイス頂けませんでしょうか。
< 使用したgem >
gem : chartkick (3.3.1)
gem : groupdate (5.0.0) ※同じ日にちのデータを纏める役割
自分のスキルレベル
・HTML/CSS/JavaScript/Ruby/Rails Tutorialレベルは一通り学習済みです。
・Railsを使ったポートフォリオ作成に取り掛かって2ヶ月目です。
問題の発生している環境
Mac環境
端末:Macbook Air (2019/13inch)
OS:macOS Catalina(10.15.2)
シェル:zsh
Ruby:2.6.0
Rails:5.2.4
MySQL2:0.5.3
問題が発生するまでの作業手順と詳細なエラーメッセージ
参考にした記事
URL:https://techblog.gmo-ap.jp/2019/06/20/rails-de-graph-with-chartkick/
(1)application.jsへの記述
//= require chartkick //= require Chart.bundle
(2)コントローラへの記述
<users_controller.rb> <パターン1 (ハッシュで取得した場合) > @mytimes = @user.tweets.group_by_day(:created_at).sum(:time) [1] pry(#<UsersController>)> @mytimes binding.pryの結果 => {Fri, 07 Feb 2020=>15, Sat, 08 Feb 2020=>0, Sun, 09 Feb 2020=>11, ~中略~ Thu, 27 Feb 2020=>0, Fri, 28 Feb 2020=>0, Sat, 29 Feb 2020=>8} @mytimes = @user.tweets.group_by_day(:created_at).sum(:time).to_a <パターン2 (配列の場合) > binding.pryの結果 => [1] pry(#<UsersController>)> @mytimes [[Fri, 07 Feb 2020, 15], [Sat, 08 Feb 2020, 0], [Sun, 09 Feb 2020, 11], ~中略~ [Thu, 27 Feb 2020, 0], [Fri, 28 Feb 2020, 0], [Sat, 29 Feb 2020, 8]] →どちらのパターンも縦軸横軸の値が表示されず。
(3)Viewファイルへの記述
<users/show.html.haml> = line_chart @mytimes, min: 0, max: 20, colors: ["white", "#fff"]
すると、以下のような結果になりました。
< 表示内容 ( 縦軸と横軸に目盛りが表示されない) >
https://gyazo.com/a0839d3c0f8a08fda4c5fcebf01e6bd3
※上記(3)で縦軸に対してスケーリング(min: 0, max: 20)を行なっておりますが、
この範囲時指定は反映されております。
< google検証ツールで確認したhtmlの表記 > new Chartkick["LineChart"]("chart-1", [["2020-02-07",15], ["2020-02-08",0],["2020-02-09",11],["2020-02-10",0],["2020-02-11",0], ["2020-02-12",0],["2020-02-13",0],["2020-02-14",0],["2020-02-15",0], ["2020-02-16",0],["2020-02-17",0],["2020-02-18",0],["2020-02-19",0], ["2020-02-20",0],["2020-02-21",0],["2020-02-22",0],["2020-02-23",0], ["2020-02-24",0],["2020-02-25",0],["2020-02-26",0],["2020-02-27",0], ["2020-02-28",0],["2020-02-29",8]], {"min":0,"max":20,"colors": ["white","#fff"]});
調査内容
・配列とハッシュと2通り検証を行いましたがうまく出来ませんでした。
・軸の値だけが出ないという現象がネットで検索する限り見つける事が出来ませんでした。
恐れ入りますが、アドバイスいただけると幸いです。
あなたの回答
tips
プレビュー