2014年1月20日月曜日

LazyHighCharts

rubyでグラフが簡単に作れるモジュールを探すとヒットしたのがこのLazyHighCharts。
https://github.com/michelson/lazy_high_charts

Gemfileに下記を追加
gem 'lazy_high_charts
bundle updateの実行
今回は、下記がインスールされました。
lazy_high_charts (1.5.1)


Rails3.2を利用しています。
app/assets/javascripts/application.js に下記のhighchartsの3行を追加
//= require highcharts/highcharts
//= require highcharts/highcharts-more
//= require highcharts/highstock
//= require_tree .

設定はここまで。

ここまで終えたらグラフのソースを書きます。
Controller
  def sell
    @categories = ["apple", "orange", "banana", "strawberry", "melon", "lemon", "peach"]
    @data = [40, 10, 20, 50, 30, 10, 60]
   
    @h = LazyHighCharts::HighChart.new("graph") do |f|
      f.chart(:type => "bar")
      f.title(:text => "Sample bar")
      f.xAxis(:categories => @categories)
      f.series(:name => "Fruits",
               :data => @data)
    end
  end
View
<%= high_chart("sample", @h) %>


0 件のコメント:

コメントを投稿

注: コメントを投稿できるのは、このブログのメンバーだけです。