Rails 7 で円グラフを表示したい。ので Cartkick を利用する。
インストール
gem "chartkick" gem 'chartable'
Gemfile
$ bundle install
導入
今回のプロジェクトでは importmap は使わず esbuild を使っているので以下で設定
$ rails yarn add chartkick chart.js
//= link chartkick.js
app/assets/config/manifest.js
= javascript_include_tag "//www.google.com/jsapi", "chartkick"
app/views/layouts/application.html.slim
実装
def show @data = {"hoge": 50, "fuga": 30, "foo": 70, "bar": 10} end
app/controllers/hoge_contorller.rb
= pie_chart @data
app/views/hoge/show.html.slim
これで完成
マウスオーバーで強調表示される
その他オプションは公式ドキュメントから