グラフの表示が上手くいかない

[KotaroSakai]

• 質問内容・実現したいこと グラフを表示させたい

• 現状発生している問題・エラーメッセージ ずっとloadingのまま表示されない

  

• どの処理までうまく動いているのか lodingとなっているので導入は出来ていると思う 導入は下記のサイトを見ながら行った https://oni-rb.hateblo.jp/entry/2019/08/13/194312

• 該当のソースコード application.js

import "chartkick"
import "chart.bundle"

importmap

pin "chartkick", to: "chartkick.js"
pin "Chart.bundle", to: "Chart.bundle.js"

• エラーから考えられる原因 調べるとブラウザでエラーを確認しろと書いていたので調べてみたがchart.bundle.jsがうまく読み込めてない感じでした railsのバージョンによって読み込ませ方が違うっぽいのですが、rails7の記事が少なく分かりませんでした
• 試したこと 最初はデータが上手く渡せてないのかと思ったが

<%= debug @smoke_count_date %>

確認したところデータはあったのでそもそも導入が上手くいってないのだと思います

[Tsuchiya2]

esbuild, rollup.js, or Webpackを使わない、Importmapの設定で進めているようですね。

公式ドキュメントにあるImportmapの通りにconfig/importmap.rb, app/javascript/application.jsがなっているか確認しましょう。

公式ドキュメント：https://chartkick.com/

---

手元でrails newして公式ドキュメントどおりに導入を行い、rails g scaffold Post title:stringを実行して、コンソールでPost.create(title: 'hoge')を実行した上で、app/views/posts/index.html.erbに以下の記載を行ったら円グラフが表示されるのを確認しました。

<%= pie_chart Post.group(:title).count %>

＊<%= pie_chart Post.count %>だとNo dateが表示されます。

公式ドキュメントをよく読んで「仮説、検証、実行」のサイクルを回して、表示に向けて取り組んでみましょう。