lib/seer/area_chart.rb in seer-0.9.1 vs lib/seer/area_chart.rb in seer-0.10.0
- old
+ new
@@ -1,9 +1,9 @@
module Seer
# =USAGE
- #
+ #
# In your controller:
#
# @data = Widgets.all # Must be an array, and must respond
# # to the data method specified below (in this example, 'quantity')
#
@@ -12,70 +12,70 @@
# In your view:
#
# <div id="chart"></div>
#
# <%= Seer::visualize(
- # @data,
+ # @data,
# :as => :area_chart,
# :in_element => 'chart',
# :series => {
# :series_label => 'name',
# :data_label => 'date',
# :data_method => 'quantity',
# :data_series => @series
# },
- # :chart_options => {
+ # :chart_options => {
# :height => 300,
# :width => 300,
# :axis_font_size => 11,
# :colors => ['#7e7587','#990000','#009900'],
# :title => "Widget Quantities",
# :point_size => 5
# }
# )
# -%>
#
- # For details on the chart options, see the Google API docs at
+ # For details on the chart options, see the Google API docs at
# http://code.google.com/apis/visualization/documentation/gallery/areachart.html
#
class AreaChart
-
+
include Seer::Chart
-
+
# Graph options
attr_accessor :axis_color, :axis_background_color, :axis_font_size, :background_color, :border_color, :data_table, :enable_tooltip, :focus_border_color, :height, :is_stacked, :legend, :legend_background_color, :legend_font_size, :legend_text_color, :line_size, :log_scale, :max, :min, :point_size, :reverse_axis, :show_categories, :title, :title_x, :title_y, :title_color, :title_font_size, :tooltip_font_size, :tooltip_height, :number, :tooltip_width, :width
-
+
# Graph data
attr_accessor :series_label, :data_label, :data, :data_method, :data_series
-
+
def initialize(args={}) #:nodoc:
# Standard options
args.each{ |method,arg| self.send("#{method}=",arg) if self.respond_to?(method) }
# Chart options
args[:chart_options].each{ |method, arg| self.send("#{method}=",arg) if self.respond_to?(method) }
- # Handle defaults
+ # Handle defaults
@colors ||= args[:chart_options][:colors] || DEFAULT_COLORS
@legend ||= args[:chart_options][:legend] || DEFAULT_LEGEND_LOCATION
@height ||= args[:chart_options][:height] || DEFAULT_HEIGHT
@width ||= args[:chart_options][:width] || DEFAULT_WIDTH
@data_table = []
-
+
end
-
+
def data_columns #:nodoc:
_data_columns = " data.addRows(#{data_rows.size});\r"
_data_columns << " data.addColumn('string', 'Date');\r"
data.each do |datum|
_data_columns << " data.addColumn('number', '#{datum.send(series_label)}');\r"
end
_data_columns
end
-
+
def data_table #:nodoc:
_rows = data_rows
_rows.each_with_index do |r,i|
@data_table << " data.setCell(#{i}, 0,'#{r}');\r"
end
@@ -84,45 +84,45 @@
@data_table << " data.setCell(#{j},#{i+1},#{c.send(data_method)});\r"
end
end
@data_table
end
-
+
def data_rows
data_series.inject([]) do |rows, element|
rows |= element.map { |e| e.send(data_label) }
end
end
def nonstring_options #:nodoc:
[ :axis_font_size, :colors, :enable_tooltip, :height, :is_stacked, :legend_font_size, :line_size, :log_scale, :max, :min, :point_size, :reverse_axis, :show_categories, :title_font_size, :tooltip_font_size, :tooltip_height, :tooltip_width, :width]
end
-
+
def string_options #:nodoc:
[ :axis_color, :axis_background_color, :background_color, :border_color, :focus_border_color, :legend, :legend_background_color, :legend_text_color, :title, :title_x, :title_y, :title_color ]
end
-
+
def to_js #:nodoc:
%{
<script type="text/javascript">
google.load('visualization', '1', {'packages':['areachart']});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
#{data_columns}
-#{data_table.to_s}
+#{data_table.join("\r")}
var options = {};
#{options}
var container = document.getElementById('#{self.chart_element}');
var chart = new google.visualization.AreaChart(container);
chart.draw(data, options);
}
</script>
}
end
-
+
def self.render(data, args) #:nodoc:
graph = Seer::AreaChart.new(
:data => data,
:series_label => args[:series][:series_label],
:data_series => args[:series][:data_series],
@@ -131,9 +131,9 @@
:chart_options => args[:chart_options],
:chart_element => args[:in_element] || 'chart'
)
graph.to_js
end
-
- end
+
+ end
end