Chris@1294: require 'SVG/Graph/Graph'
Chris@1294: 
Chris@1294: module SVG
Chris@1294:   module Graph
Chris@1294:     # === For creating SVG plots of scalar data
Chris@1294:     # 
Chris@1294:     # = Synopsis
Chris@1294:     # 
Chris@1294:     #   require 'SVG/Graph/Plot'
Chris@1294:     # 
Chris@1294:     #   # Data sets are x,y pairs
Chris@1294:     #   # Note that multiple data sets can differ in length, and that the
Chris@1294:     #   # data in the datasets needn't be in order; they will be ordered
Chris@1294:     #   # by the plot along the X-axis.
Chris@1294:     #   projection = [
Chris@1294:     #     6, 11,    0, 5,   18, 7,   1, 11,   13, 9,   1, 2,   19, 0,   3, 13,
Chris@1294:     #     7, 9 
Chris@1294:     #   ]
Chris@1294:     #   actual = [
Chris@1294:     #     0, 18,    8, 15,    9, 4,   18, 14,   10, 2,   11, 6,  14, 12,   
Chris@1294:     #     15, 6,   4, 17,   2, 12
Chris@1294:     #   ]
Chris@1294:     #   
Chris@1294:     #   graph = SVG::Graph::Plot.new({
Chris@1294:     #   	:height => 500,
Chris@1294:     #    	:width => 300,
Chris@1294:     #     :key => true,
Chris@1294:     #     :scale_x_integers => true,
Chris@1294:     #     :scale_y_integerrs => true,
Chris@1294:     #   })
Chris@1294:     #   
Chris@1294:     #   graph.add_data({
Chris@1294:     #   	:data => projection
Chris@1294:     # 	  :title => 'Projected',
Chris@1294:     #   })
Chris@1294:     # 
Chris@1294:     #   graph.add_data({
Chris@1294:     #   	:data => actual,
Chris@1294:     # 	  :title => 'Actual',
Chris@1294:     #   })
Chris@1294:     #   
Chris@1294:     #   print graph.burn()
Chris@1294:     # 
Chris@1294:     # = Description
Chris@1294:     # 
Chris@1294:     # Produces a graph of scalar data.
Chris@1294:     # 
Chris@1294:     # This object aims to allow you to easily create high quality
Chris@1294:     # SVG[http://www.w3c.org/tr/svg] scalar plots. You can either use the
Chris@1294:     # default style sheet or supply your own. Either way there are many options
Chris@1294:     # which can be configured to give you control over how the graph is
Chris@1294:     # generated - with or without a key, data elements at each point, title,
Chris@1294:     # subtitle etc.
Chris@1294:     #
Chris@1294:     # = Examples
Chris@1294:     # 
Chris@1294:     # http://www.germane-software/repositories/public/SVG/test/plot.rb
Chris@1294:     # 
Chris@1294:     # = Notes
Chris@1294:     # 
Chris@1294:     # The default stylesheet handles upto 10 data sets, if you
Chris@1294:     # use more you must create your own stylesheet and add the
Chris@1294:     # additional settings for the extra data sets. You will know
Chris@1294:     # if you go over 10 data sets as they will have no style and
Chris@1294:     # be in black.
Chris@1294:     #
Chris@1294:     # Unlike the other types of charts, data sets must contain x,y pairs:
Chris@1294:     #
Chris@1294:     #   [ 1, 2 ]    # A data set with 1 point: (1,2)
Chris@1294:     #   [ 1,2, 5,6] # A data set with 2 points: (1,2) and (5,6)  
Chris@1294:     # 
Chris@1294:     # = See also
Chris@1294:     # 
Chris@1294:     # * SVG::Graph::Graph
Chris@1294:     # * SVG::Graph::BarHorizontal
Chris@1294:     # * SVG::Graph::Bar
Chris@1294:     # * SVG::Graph::Line
Chris@1294:     # * SVG::Graph::Pie
Chris@1294:     # * SVG::Graph::TimeSeries
Chris@1294:     #
Chris@1294:     # == Author
Chris@1294:     #
Chris@1294:     # Sean E. Russell <serATgermaneHYPHENsoftwareDOTcom>
Chris@1294:     #
Chris@1294:     # Copyright 2004 Sean E. Russell
Chris@1294:     # This software is available under the Ruby license[LICENSE.txt]
Chris@1294:     #
Chris@1294:     class Plot < Graph
Chris@1294: 
Chris@1294:       # In addition to the defaults set by Graph::initialize, sets
Chris@1294:       # [show_data_values] true
Chris@1294:       # [show_data_points] true
Chris@1294:       # [area_fill] false
Chris@1294:       # [stacked] false
Chris@1294:       def set_defaults
Chris@1294:         init_with(
Chris@1294:                   :show_data_values  => true,
Chris@1294:                   :show_data_points  => true,
Chris@1294:                   :area_fill         => false,
Chris@1294:                   :stacked           => false
Chris@1294:                  )
Chris@1294:                  self.top_align = self.right_align = self.top_font = self.right_font = 1
Chris@1294:       end
Chris@1294: 
Chris@1294:       # Determines the scaling for the X axis divisions.
Chris@1294:       #
Chris@1294:       #   graph.scale_x_divisions = 2
Chris@1294:       #
Chris@1294:       # would cause the graph to attempt to generate labels stepped by 2; EG:
Chris@1294:       # 0,2,4,6,8...
Chris@1294:       attr_accessor :scale_x_divisions
Chris@1294:       # Determines the scaling for the Y axis divisions.
Chris@1294:       #
Chris@1294:       #   graph.scale_y_divisions = 0.5
Chris@1294:       #
Chris@1294:       # would cause the graph to attempt to generate labels stepped by 0.5; EG:
Chris@1294:       # 0, 0.5, 1, 1.5, 2, ...
Chris@1294:       attr_accessor :scale_y_divisions 
Chris@1294:       # Make the X axis labels integers
Chris@1294:       attr_accessor :scale_x_integers 
Chris@1294:       # Make the Y axis labels integers
Chris@1294:       attr_accessor :scale_y_integers 
Chris@1294:       # Fill the area under the line
Chris@1294:       attr_accessor :area_fill 
Chris@1294:       # Show a small circle on the graph where the line
Chris@1294:       # goes from one point to the next.
Chris@1294:       attr_accessor :show_data_points
Chris@1294:       # Set the minimum value of the X axis
Chris@1294:       attr_accessor :min_x_value 
Chris@1294:       # Set the minimum value of the Y axis
Chris@1294:       attr_accessor :min_y_value
Chris@1294: 
Chris@1294: 
Chris@1294:       # Adds data to the plot.  The data must be in X,Y pairs; EG
Chris@1294:       #   [ 1, 2 ]    # A data set with 1 point: (1,2)
Chris@1294:       #   [ 1,2, 5,6] # A data set with 2 points: (1,2) and (5,6)  
Chris@1294:       def add_data data
Chris@1294:         @data = [] unless @data
Chris@1294: 
Chris@1294:         raise "No data provided by #{conf.inspect}" unless data[:data] and
Chris@1294:         data[:data].kind_of? Array
Chris@1294:         raise "Data supplied must be x,y pairs!  "+
Chris@1294:           "The data provided contained an odd set of "+
Chris@1294:           "data points" unless data[:data].length % 2 == 0
Chris@1294:         return if data[:data].length == 0
Chris@1294: 
Chris@1294:         x = []
Chris@1294:         y = []
Chris@1294:         data[:data].each_index {|i|
Chris@1294:           (i%2 == 0 ? x : y) << data[:data][i]
Chris@1294:         }
Chris@1294:         sort( x, y )
Chris@1294:         data[:data] = [x,y]
Chris@1294:         @data << data
Chris@1294:       end
Chris@1294: 
Chris@1294: 
Chris@1294:       protected
Chris@1294: 
Chris@1294:       def keys
Chris@1294:         @data.collect{ |x| x[:title] }
Chris@1294:       end
Chris@1294: 
Chris@1294:       def calculate_left_margin
Chris@1294:         super
Chris@1294:         label_left = get_x_labels[0].to_s.length / 2 * font_size * 0.6
Chris@1294:         @border_left = label_left if label_left > @border_left
Chris@1294:       end
Chris@1294: 
Chris@1294:       def calculate_right_margin
Chris@1294:         super
Chris@1294:         label_right = get_x_labels[-1].to_s.length / 2 * font_size * 0.6
Chris@1294:         @border_right = label_right if label_right > @border_right
Chris@1294:       end
Chris@1294: 
Chris@1294: 
Chris@1294:       X = 0
Chris@1294:       Y = 1
Chris@1294:       def x_range
Chris@1294:         max_value = @data.collect{|x| x[:data][X][-1] }.max
Chris@1294:         min_value = @data.collect{|x| x[:data][X][0] }.min
Chris@1294:         min_value = min_value<min_x_value ? min_value : min_x_value if min_x_value
Chris@1294: 
Chris@1294:         range = max_value - min_value
Chris@1294:         right_pad = range == 0 ? 10 : range / 20.0
Chris@1294:         scale_range = (max_value + right_pad) - min_value
Chris@1294: 
Chris@1294:         scale_division = scale_x_divisions || (scale_range / 10.0)
Chris@1294: 
Chris@1294:         if scale_x_integers
Chris@1294:           scale_division = scale_division < 1 ? 1 : scale_division.round
Chris@1294:         end
Chris@1294: 
Chris@1294:         [min_value, max_value, scale_division]
Chris@1294:       end
Chris@1294: 
Chris@1294:       def get_x_values
Chris@1294:         min_value, max_value, scale_division = x_range
Chris@1294:         rv = []
Chris@1294:         min_value.step( max_value, scale_division ) {|v| rv << v}
Chris@1294:         return rv
Chris@1294:       end
Chris@1294:       alias :get_x_labels :get_x_values
Chris@1294: 
Chris@1294:       def field_width
Chris@1294:         values = get_x_values
Chris@1294:         max = @data.collect{|x| x[:data][X][-1]}.max
Chris@1294:         dx = (max - values[-1]).to_f / (values[-1] - values[-2])
Chris@1294:         (@graph_width.to_f - font_size*2*right_font) /
Chris@1294:           (values.length + dx - right_align)
Chris@1294:       end
Chris@1294: 
Chris@1294: 
Chris@1294:       def y_range
Chris@1294:         max_value = @data.collect{|x| x[:data][Y].max }.max
Chris@1294:         min_value = @data.collect{|x| x[:data][Y].min }.min
Chris@1294:         min_value = min_value<min_y_value ? min_value : min_y_value if min_y_value
Chris@1294: 
Chris@1294:         range = max_value - min_value
Chris@1294:         top_pad = range == 0 ? 10 : range / 20.0
Chris@1294:         scale_range = (max_value + top_pad) - min_value
Chris@1294: 
Chris@1294:         scale_division = scale_y_divisions || (scale_range / 10.0)
Chris@1294: 
Chris@1294:         if scale_y_integers
Chris@1294:           scale_division = scale_division < 1 ? 1 : scale_division.round
Chris@1294:         end
Chris@1294: 
Chris@1294:         return [min_value, max_value, scale_division]
Chris@1294:       end
Chris@1294: 
Chris@1294:       def get_y_values
Chris@1294:         min_value, max_value, scale_division = y_range
Chris@1294:         rv = []
Chris@1294:         min_value.step( max_value, scale_division ) {|v| rv << v}
Chris@1294:         return rv
Chris@1294:       end
Chris@1294:       alias :get_y_labels :get_y_values
Chris@1294: 
Chris@1294:       def field_height
Chris@1294:         values = get_y_values
Chris@1294:         max = @data.collect{|x| x[:data][Y].max }.max
Chris@1294:         if values.length == 1
Chris@1294:           dx = values[-1]
Chris@1294:         else
Chris@1294:           dx = (max - values[-1]).to_f / (values[-1] - values[-2])
Chris@1294:         end
Chris@1294:         (@graph_height.to_f - font_size*2*top_font) /
Chris@1294:           (values.length + dx - top_align)
Chris@1294:       end
Chris@1294: 
Chris@1294:       def draw_data
Chris@1294:         line = 1
Chris@1294: 
Chris@1294:         x_min, x_max, x_div = x_range
Chris@1294:         y_min, y_max, y_div = y_range
Chris@1294:         x_step = (@graph_width.to_f - font_size*2) / (x_max-x_min)
Chris@1294:         y_step = (@graph_height.to_f -  font_size*2) / (y_max-y_min)
Chris@1294: 
Chris@1294:         for data in @data
Chris@1294:           x_points = data[:data][X]
Chris@1294:           y_points = data[:data][Y]
Chris@1294: 
Chris@1294:           lpath = "L"
Chris@1294:           x_start = 0
Chris@1294:           y_start = 0
Chris@1294:           x_points.each_index { |idx|
Chris@1294:             x = (x_points[idx] -  x_min) * x_step
Chris@1294:             y = @graph_height - (y_points[idx] -  y_min) * y_step
Chris@1294:             x_start, y_start = x,y if idx == 0
Chris@1294:             lpath << "#{x} #{y} "
Chris@1294:           }
Chris@1294: 
Chris@1294:           if area_fill
Chris@1294:             @graph.add_element( "path", {
Chris@1294:               "d" => "M#{x_start} #@graph_height #{lpath} V#@graph_height Z",
Chris@1294:               "class" => "fill#{line}"
Chris@1294:             })
Chris@1294:           end
Chris@1294: 
Chris@1294:           @graph.add_element( "path", {
Chris@1294:             "d" => "M#{x_start} #{y_start} #{lpath}",
Chris@1294:             "class" => "line#{line}"
Chris@1294:           })
Chris@1294: 
Chris@1294:           if show_data_points || show_data_values
Chris@1294:             x_points.each_index { |idx|
Chris@1294:               x = (x_points[idx] -  x_min) * x_step
Chris@1294:               y = @graph_height - (y_points[idx] -  y_min) * y_step
Chris@1294:               if show_data_points
Chris@1294:                 @graph.add_element( "circle", {
Chris@1294:                   "cx" => x.to_s,
Chris@1294:                   "cy" => y.to_s,
Chris@1294:                   "r" => "2.5",
Chris@1294:                   "class" => "dataPoint#{line}"
Chris@1294:                 })
Chris@1294:                 add_popup(x, y, format( x_points[idx], y_points[idx] )) if add_popups
Chris@1294:               end
Chris@1294:               make_datapoint_text( x, y-6, y_points[idx] ) if show_data_values
Chris@1294:             }
Chris@1294:           end
Chris@1294:           line += 1
Chris@1294:         end
Chris@1294:       end
Chris@1294: 
Chris@1294:       def format x, y
Chris@1294:         "(#{(x * 100).to_i / 100}, #{(y * 100).to_i / 100})"
Chris@1294:       end
Chris@1294:       
Chris@1294:       def get_css
Chris@1294:         return <<EOL
Chris@1294: /* default line styles */
Chris@1294: .line1{
Chris@1294: 	fill: none;
Chris@1294: 	stroke: #ff0000;
Chris@1294: 	stroke-width: 1px;	
Chris@1294: }
Chris@1294: .line2{
Chris@1294: 	fill: none;
Chris@1294: 	stroke: #0000ff;
Chris@1294: 	stroke-width: 1px;	
Chris@1294: }
Chris@1294: .line3{
Chris@1294: 	fill: none;
Chris@1294: 	stroke: #00ff00;
Chris@1294: 	stroke-width: 1px;	
Chris@1294: }
Chris@1294: .line4{
Chris@1294: 	fill: none;
Chris@1294: 	stroke: #ffcc00;
Chris@1294: 	stroke-width: 1px;	
Chris@1294: }
Chris@1294: .line5{
Chris@1294: 	fill: none;
Chris@1294: 	stroke: #00ccff;
Chris@1294: 	stroke-width: 1px;	
Chris@1294: }
Chris@1294: .line6{
Chris@1294: 	fill: none;
Chris@1294: 	stroke: #ff00ff;
Chris@1294: 	stroke-width: 1px;	
Chris@1294: }
Chris@1294: .line7{
Chris@1294: 	fill: none;
Chris@1294: 	stroke: #00ffff;
Chris@1294: 	stroke-width: 1px;	
Chris@1294: }
Chris@1294: .line8{
Chris@1294: 	fill: none;
Chris@1294: 	stroke: #ffff00;
Chris@1294: 	stroke-width: 1px;	
Chris@1294: }
Chris@1294: .line9{
Chris@1294: 	fill: none;
Chris@1294: 	stroke: #ccc6666;
Chris@1294: 	stroke-width: 1px;	
Chris@1294: }
Chris@1294: .line10{
Chris@1294: 	fill: none;
Chris@1294: 	stroke: #663399;
Chris@1294: 	stroke-width: 1px;	
Chris@1294: }
Chris@1294: .line11{
Chris@1294: 	fill: none;
Chris@1294: 	stroke: #339900;
Chris@1294: 	stroke-width: 1px;	
Chris@1294: }
Chris@1294: .line12{
Chris@1294: 	fill: none;
Chris@1294: 	stroke: #9966FF;
Chris@1294: 	stroke-width: 1px;	
Chris@1294: }
Chris@1294: /* default fill styles */
Chris@1294: .fill1{
Chris@1294: 	fill: #cc0000;
Chris@1294: 	fill-opacity: 0.2;
Chris@1294: 	stroke: none;
Chris@1294: }
Chris@1294: .fill2{
Chris@1294: 	fill: #0000cc;
Chris@1294: 	fill-opacity: 0.2;
Chris@1294: 	stroke: none;
Chris@1294: }
Chris@1294: .fill3{
Chris@1294: 	fill: #00cc00;
Chris@1294: 	fill-opacity: 0.2;
Chris@1294: 	stroke: none;
Chris@1294: }
Chris@1294: .fill4{
Chris@1294: 	fill: #ffcc00;
Chris@1294: 	fill-opacity: 0.2;
Chris@1294: 	stroke: none;
Chris@1294: }
Chris@1294: .fill5{
Chris@1294: 	fill: #00ccff;
Chris@1294: 	fill-opacity: 0.2;
Chris@1294: 	stroke: none;
Chris@1294: }
Chris@1294: .fill6{
Chris@1294: 	fill: #ff00ff;
Chris@1294: 	fill-opacity: 0.2;
Chris@1294: 	stroke: none;
Chris@1294: }
Chris@1294: .fill7{
Chris@1294: 	fill: #00ffff;
Chris@1294: 	fill-opacity: 0.2;
Chris@1294: 	stroke: none;
Chris@1294: }
Chris@1294: .fill8{
Chris@1294: 	fill: #ffff00;
Chris@1294: 	fill-opacity: 0.2;
Chris@1294: 	stroke: none;
Chris@1294: }
Chris@1294: .fill9{
Chris@1294: 	fill: #cc6666;
Chris@1294: 	fill-opacity: 0.2;
Chris@1294: 	stroke: none;
Chris@1294: }
Chris@1294: .fill10{
Chris@1294: 	fill: #663399;
Chris@1294: 	fill-opacity: 0.2;
Chris@1294: 	stroke: none;
Chris@1294: }
Chris@1294: .fill11{
Chris@1294: 	fill: #339900;
Chris@1294: 	fill-opacity: 0.2;
Chris@1294: 	stroke: none;
Chris@1294: }
Chris@1294: .fill12{
Chris@1294: 	fill: #9966FF;
Chris@1294: 	fill-opacity: 0.2;
Chris@1294: 	stroke: none;
Chris@1294: }
Chris@1294: /* default line styles */
Chris@1294: .key1,.dataPoint1{
Chris@1294: 	fill: #ff0000;
Chris@1294: 	stroke: none;
Chris@1294: 	stroke-width: 1px;	
Chris@1294: }
Chris@1294: .key2,.dataPoint2{
Chris@1294: 	fill: #0000ff;
Chris@1294: 	stroke: none;
Chris@1294: 	stroke-width: 1px;	
Chris@1294: }
Chris@1294: .key3,.dataPoint3{
Chris@1294: 	fill: #00ff00;
Chris@1294: 	stroke: none;
Chris@1294: 	stroke-width: 1px;	
Chris@1294: }
Chris@1294: .key4,.dataPoint4{
Chris@1294: 	fill: #ffcc00;
Chris@1294: 	stroke: none;
Chris@1294: 	stroke-width: 1px;	
Chris@1294: }
Chris@1294: .key5,.dataPoint5{
Chris@1294: 	fill: #00ccff;
Chris@1294: 	stroke: none;
Chris@1294: 	stroke-width: 1px;	
Chris@1294: }
Chris@1294: .key6,.dataPoint6{
Chris@1294: 	fill: #ff00ff;
Chris@1294: 	stroke: none;
Chris@1294: 	stroke-width: 1px;	
Chris@1294: }
Chris@1294: .key7,.dataPoint7{
Chris@1294: 	fill: #00ffff;
Chris@1294: 	stroke: none;
Chris@1294: 	stroke-width: 1px;	
Chris@1294: }
Chris@1294: .key8,.dataPoint8{
Chris@1294: 	fill: #ffff00;
Chris@1294: 	stroke: none;
Chris@1294: 	stroke-width: 1px;	
Chris@1294: }
Chris@1294: .key9,.dataPoint9{
Chris@1294: 	fill: #cc6666;
Chris@1294: 	stroke: none;
Chris@1294: 	stroke-width: 1px;	
Chris@1294: }
Chris@1294: .key10,.dataPoint10{
Chris@1294: 	fill: #663399;
Chris@1294: 	stroke: none;
Chris@1294: 	stroke-width: 1px;	
Chris@1294: }
Chris@1294: .key11,.dataPoint11{
Chris@1294: 	fill: #339900;
Chris@1294: 	stroke: none;
Chris@1294: 	stroke-width: 1px;	
Chris@1294: }
Chris@1294: .key12,.dataPoint12{
Chris@1294: 	fill: #9966FF;
Chris@1294: 	stroke: none;
Chris@1294: 	stroke-width: 1px;	
Chris@1294: }
Chris@1294: EOL
Chris@1294:       end
Chris@1294: 
Chris@1294:     end
Chris@1294:   end
Chris@1294: end