RailsでChart.jsを使う

RailsによるWebアプリケーションで、Chart.jsを使ってチャートを表示したい、 という場合に簡単に導入する方法を纏めておきます。

検証に使用したRailsのバージョンは、4.2.6です。


RailsでChart.jsを使うためのgemがいくつかあるけど、

coderbydesing/chart-js-rails

が、簡単でいいと思った。

「簡単で」といったのは、チャートを描画する実装が簡単になる、という意味ではなく、 Chart.jsを利用する環境が簡単に整備できる、という意味合い。

以下に導入方法を纏めます。

Gemfile

Gemfileにchart-js-railsを追加する。

gem 'chart-js-rails'

app/assets/javascripts/application.js

app/assets/javascripts/application.jsChartを引き込む。

//= require Chart

これだけで、任意ページにChart.jsによるチャートが描画可能となった。

ちなみに、実際にチャートを描画する処理は、CoffeeScriptなりjavascriptで実装する。