Combination Chart

Example for Combination Chart

http://www.highcharts.com/demo/?example=combo&theme=default

view

<%= high_chart("my_id4", @chart)  %>

controller

@chart = LazyHighCharts::HighChart.new('graph') do |f|
  f.title({:text=>"Combination chart"})
  f.options[:xAxis][:categories] = ['Apples', 'Oranges', 'Pears', 'Bananas', 'Plums']
  f.labels(:items=>[:html=>"Total fruit consumption", :style=>{:left=>"40px", :top=>"8px", :color=>"black"} ])      
  f.series(:type=> 'column',:name=> 'Jane',:data=> [3, 2, 1, 3, 4])
  f.series(:type=> 'column',:name=> 'John',:data=> [2, 3, 5, 7, 6])
  f.series(:type=> 'column', :name=> 'Joe',:data=> [4, 3, 3, 9, 0])
  f.series(:type=> 'spline',:name=> 'Average', :data=> [3, 2.67, 3, 6.33, 3.33])
  f.series(:type=> 'pie',:name=> 'Total consumption', 
    :data=> [
      {:name=> 'Jane', :y=> 13, :color=> 'red'}, 
      {:name=> 'John', :y=> 23,:color=> 'green'},
      {:name=> 'Joe', :y=> 19,:color=> 'blue'}
    ],
    :center=> [100, 80], :size=> 100, :showInLegend=> false)
end