RailsでC3.jsというグラフ描画機能を使う。こんな感じ。
Gemfile
に以下を追加
gem 'c3-rails'
gem 'd3-rails', '~> 3.5.17'
※ はじめ、d3のバージョンを指定せずにインストールしたら動かなかった。以下によるとD3のバージョンを3系するとうまくいくとのこと。
https://stackoverflow.com/questions/38344643/c3js-cannot-read-property-category10-of-undefined
applicaton.js
に以下を追加
//= require d3
//= require c3
application.css
に以下を追加
*= require c3
描画したいviewに以下を追加
<div class="well">
<span>グラフ</span>
<div id="chart"></div>
</div>
<script type="text/javascript">
var chart = c3.generate({
bindto: '#chart',
data: {
columns: [
['data1', 30, 200, 100, 400, 150, 250],
['data2', 50, 20, 10, 40, 15, 25]
]
}
});
</script>
以上。