SoundSoftware Code Site

require 'rexml/document'

require 'SVG/Graph/Graph'

require 'SVG/Graph/BarBase'

module SVG

  module Graph

    # === Create presentation quality SVG bar graphs easily

    #

    # = Synopsis

    #

    #   require 'SVG/Graph/Bar'

    #

    #   fields = %w(Jan Feb Mar);

    #   data_sales_02 = [12, 45, 21]

    #

    #   graph = SVG::Graph::Bar.new(

    #     :height => 500,

    #     :width => 300,

    #     :fields => fields

    #   )

    #

    #   graph.add_data(

    #     :data => data_sales_02,

    #     :title => 'Sales 2002'

    #   )

    #

    #   print "Content-type: image/svg+xml\r\n\r\n"

    #   print graph.burn

    #

    # = Description

    #

    # This object aims to allow you to easily create high quality

    # SVG[http://www.w3c.org/tr/svg bar graphs. You can either use the default

    # style sheet or supply your own. Either way there are many options which

    # can be configured to give you control over how the graph is generated -

    # with or without a key, data elements at each point, title, subtitle etc.

    #

    # = Notes

    #

    # The default stylesheet handles upto 12 data sets, if you

    # use more you must create your own stylesheet and add the

    # additional settings for the extra data sets. You will know

    # if you go over 12 data sets as they will have no style and

    # be in black.

    #

    # = Examples

    #

    # * http://germane-software.com/repositories/public/SVG/test/test.rb

    #

    # = See also

    #

    # * SVG::Graph::Graph

    # * SVG::Graph::BarHorizontal

    # * SVG::Graph::Line

    # * SVG::Graph::Pie

    # * SVG::Graph::Plot

    # * SVG::Graph::TimeSeries

    class Bar < BarBase

      include REXML

      # See Graph::initialize and BarBase::set_defaults

      def set_defaults 

        super

        self.top_align = self.top_font = 1

      end

      protected

      def get_x_labels

        @config[:fields]

      end

      def get_y_labels

        maxvalue = max_value

        minvalue = min_value

        range = maxvalue - minvalue

        top_pad = range == 0 ? 10 : range / 20.0

        scale_range = (maxvalue + top_pad) - minvalue

        scale_division = scale_divisions || (scale_range / 10.0)

        if scale_integers

          scale_division = scale_division < 1 ? 1 : scale_division.round

        end

        rv = []

        maxvalue = maxvalue%scale_division == 0 ? 

          maxvalue : maxvalue + scale_division

        minvalue.step( maxvalue, scale_division ) {|v| rv << v}

        return rv

      end

      def x_label_offset( width )

        width / 2.0

      end

      def draw_data

        minvalue = min_value

        fieldwidth = field_width

        unit_size =  (@graph_height.to_f - font_size*2*top_font) / 

                          (get_y_labels.max - get_y_labels.min)

        bargap = bar_gap ? (fieldwidth < 10 ? fieldwidth / 2 : 10) : 0

        bar_width = fieldwidth - bargap

        bar_width /= @data.length if stack == :side

        x_mod = (@graph_width-bargap)/2 - (stack==:side ? bar_width/2 : 0)

        bottom = @graph_height

        field_count = 0

        @config[:fields].each_index { |i|

          dataset_count = 0

          for dataset in @data

            # cases (assume 0 = +ve):

            #   value  min  length

            #    +ve   +ve  value - min

            #    +ve   -ve  value - 0

            #    -ve   -ve  value.abs - 0

            value = dataset[:data][i]

            left = (fieldwidth * field_count)

            length = (value.abs - (minvalue > 0 ? minvalue : 0)) * unit_size

            # top is 0 if value is negative

            top = bottom - (((value < 0 ? 0 : value) - minvalue) * unit_size)

            left += bar_width * dataset_count if stack == :side

            @graph.add_element( "rect", {

              "x" => left.to_s,

              "y" => top.to_s,

              "width" => bar_width.to_s,

              "height" => length.to_s,

              "class" => "fill#{dataset_count+1}"

            })

            make_datapoint_text(left + bar_width/2.0, top - 6, value.to_s)

            dataset_count += 1

          end

          field_count += 1

        }

      end

    end

  end

end

require 'rexml/document'

require 'SVG/Graph/Graph'

module SVG

  module Graph

		# = Synopsis

		#

		# A superclass for bar-style graphs.  Do not attempt to instantiate

		# directly; use one of the subclasses instead.

		#

    # = Author

    #

    # Sean E. Russell <serATgermaneHYPHENsoftwareDOTcom>

		#

    # Copyright 2004 Sean E. Russell

		# This software is available under the Ruby license[LICENSE.txt]

    #

    class BarBase < SVG::Graph::Graph

			# Ensures that :fields are provided in the configuration.

      def initialize config

        raise "fields was not supplied or is empty" unless config[:fields] &&

        config[:fields].kind_of?(Array) &&

        config[:fields].length > 0

				super

			end

			# In addition to the defaults set in Graph::initialize, sets

			# [bar_gap] true

			# [stack] :overlap

			def set_defaults

        init_with( :bar_gap => true, :stack => :overlap )

      end

      #   Whether to have a gap between the bars or not, default

      #   is true, set to false if you don't want gaps.

      attr_accessor :bar_gap

      #   How to stack data sets.  :overlap overlaps bars with

      #   transparent colors, :top stacks bars on top of one another,

      #   :side stacks the bars side-by-side. Defaults to :overlap.

      attr_accessor :stack

			protected

      def max_value

        @data.collect{|x| x[:data].max}.max

      end

      def min_value

        min = 0

        if min_scale_value.nil? 

          min = @data.collect{|x| x[:data].min}.min

          min = min > 0 ? 0 : min

        else

          min = min_scale_value

        end

        return min

      end

      def get_css

        return <<EOL

/* default fill styles for multiple datasets (probably only use a single dataset on this graph though) */

.key1,.fill1{

	fill: #ff0000;

	fill-opacity: 0.5;

	stroke: none;

	stroke-width: 0.5px;	

}

.key2,.fill2{

	fill: #0000ff;

	fill-opacity: 0.5;

	stroke: none;

	stroke-width: 1px;	

}

.key3,.fill3{

	fill: #00ff00;

	fill-opacity: 0.5;

	stroke: none;

	stroke-width: 1px;	

}

.key4,.fill4{

	fill: #ffcc00;

	fill-opacity: 0.5;

	stroke: none;

	stroke-width: 1px;	

}

.key5,.fill5{

	fill: #00ccff;

	fill-opacity: 0.5;

	stroke: none;

	stroke-width: 1px;	

}

.key6,.fill6{

	fill: #ff00ff;

	fill-opacity: 0.5;

	stroke: none;

	stroke-width: 1px;	

}

.key7,.fill7{

	fill: #00ffff;

	fill-opacity: 0.5;

	stroke: none;

	stroke-width: 1px;	

}

.key8,.fill8{

	fill: #ffff00;

	fill-opacity: 0.5;

	stroke: none;

	stroke-width: 1px;	

}

.key9,.fill9{

	fill: #cc6666;

	fill-opacity: 0.5;

	stroke: none;

	stroke-width: 1px;	

}

.key10,.fill10{

	fill: #663399;

	fill-opacity: 0.5;

	stroke: none;

	stroke-width: 1px;	

}

.key11,.fill11{

	fill: #339900;

	fill-opacity: 0.5;

	stroke: none;

	stroke-width: 1px;	

}

.key12,.fill12{

	fill: #9966FF;

	fill-opacity: 0.5;

	stroke: none;

	stroke-width: 1px;	

}

EOL

      end

    end

  end

end

require 'rexml/document'

require 'SVG/Graph/BarBase'

module SVG

  module Graph

    # === Create presentation quality SVG horitonzal bar graphs easily

    # 

    # = Synopsis

    # 

    #   require 'SVG/Graph/BarHorizontal'

    #   

    #   fields = %w(Jan Feb Mar)

    #   data_sales_02 = [12, 45, 21]

    #   

    #   graph = SVG::Graph::BarHorizontal.new({

    #     :height => 500,

    #     :width => 300,

    #     :fields => fields,

    #   })

    #   

    #   graph.add_data({

    #     :data => data_sales_02,

    #     :title => 'Sales 2002',

    #   })

    #   

    #   print "Content-type: image/svg+xml\r\n\r\n"

    #   print graph.burn

    # 

    # = Description

    # 

    # This object aims to allow you to easily create high quality

    # SVG horitonzal bar graphs. You can either use the default style sheet

    # or supply your own. Either way there are many options which can

    # be configured to give you control over how the graph is

    # generated - with or without a key, data elements at each point,

    # title, subtitle etc.

    # 

    # = Examples

    # 

    # * http://germane-software.com/repositories/public/SVG/test/test.rb

    # 

    # = See also

    # 

    # * SVG::Graph::Graph

    # * SVG::Graph::Bar

    # * SVG::Graph::Line

    # * SVG::Graph::Pie

    # * SVG::Graph::Plot

    # * SVG::Graph::TimeSeries

    #

    # == Author

    #

    # Sean E. Russell <serATgermaneHYPHENsoftwareDOTcom>

    #

    # Copyright 2004 Sean E. Russell

    # This software is available under the Ruby license[LICENSE.txt]

    #

    class BarHorizontal < BarBase

      # In addition to the defaults set in BarBase::set_defaults, sets

      # [rotate_y_labels] true

      # [show_x_guidelines] true

      # [show_y_guidelines] false

      def set_defaults

        super

        init_with( 

          :rotate_y_labels    => true,

          :show_x_guidelines  => true,

          :show_y_guidelines  => false

        )

        self.right_align = self.right_font = 1

      end

      protected

      def get_x_labels

        maxvalue = max_value

        minvalue = min_value

        range = maxvalue - minvalue

        top_pad = range == 0 ? 10 : range / 20.0

        scale_range = (maxvalue + top_pad) - minvalue

        scale_division = scale_divisions || (scale_range / 10.0)

        if scale_integers

          scale_division = scale_division < 1 ? 1 : scale_division.round

        end

        rv = []

        maxvalue = maxvalue%scale_division == 0 ? 

          maxvalue : maxvalue + scale_division

        minvalue.step( maxvalue, scale_division ) {|v| rv << v}

        return rv

      end

      def get_y_labels

        @config[:fields]

      end

      def y_label_offset( height )

        height / -2.0

      end

      def draw_data

        minvalue = min_value

        fieldheight = field_height

        unit_size = (@graph_width.to_f - font_size*2*right_font ) /

                        (get_x_labels.max - get_x_labels.min )

        bargap = bar_gap ? (fieldheight < 10 ? fieldheight / 2 : 10) : 0

        bar_height = fieldheight - bargap

        bar_height /= @data.length if stack == :side

        y_mod = (bar_height / 2) + (font_size / 2)

        field_count = 1

        @config[:fields].each_index { |i|

          dataset_count = 0

          for dataset in @data

            value = dataset[:data][i]

            top = @graph_height - (fieldheight * field_count)

            top += (bar_height * dataset_count) if stack == :side

            # cases (assume 0 = +ve):

            #   value  min  length          left

            #    +ve   +ve  value.abs - min minvalue.abs

            #    +ve   -ve  value.abs - 0   minvalue.abs

            #    -ve   -ve  value.abs - 0   minvalue.abs + value

            length = (value.abs - (minvalue > 0 ? minvalue : 0)) * unit_size

            left = (minvalue.abs + (value < 0 ? value : 0)) * unit_size

            @graph.add_element( "rect", {

              "x" => left.to_s,

              "y" => top.to_s,

              "width" => length.to_s,

              "height" => bar_height.to_s,

              "class" => "fill#{dataset_count+1}"

            })

            make_datapoint_text( 

              left+length+5, top+y_mod, value, "text-anchor: start; "

              )

            dataset_count += 1

          end

          field_count += 1

        }

      end

    end

  end

end

begin

  require 'zlib'

  @@__have_zlib = true

rescue

  @@__have_zlib = false

end

require 'rexml/document'

module SVG

  module Graph

    VERSION = '@ANT_VERSION@'

    # === Base object for generating SVG Graphs

    # 

    # == Synopsis

    #

    # This class is only used as a superclass of specialized charts.  Do not

    # attempt to use this class directly, unless creating a new chart type.

    #

    # For examples of how to subclass this class, see the existing specific

    # subclasses, such as SVG::Graph::Pie.

    #

    # == Examples

    #

    # For examples of how to use this package, see either the test files, or

    # the documentation for the specific class you want to use.

    #

    # * file:test/plot.rb

    # * file:test/single.rb

    # * file:test/test.rb

    # * file:test/timeseries.rb

    # 

    # == Description

    # 

    # This package should be used as a base for creating SVG graphs.

    #

    # == Acknowledgements

    #

    # Leo Lapworth for creating the SVG::TT::Graph package which this Ruby

    # port is based on.

    #

    # Stephen Morgan for creating the TT template and SVG.

    # 

    # == See

    #

    # * SVG::Graph::BarHorizontal

    # * SVG::Graph::Bar

    # * SVG::Graph::Line

    # * SVG::Graph::Pie

    # * SVG::Graph::Plot

    # * SVG::Graph::TimeSeries

    #

    # == Author

    #

    # Sean E. Russell <serATgermaneHYPHENsoftwareDOTcom>

    #

    # Copyright 2004 Sean E. Russell

    # This software is available under the Ruby license[LICENSE.txt]

    #

    class Graph

      include REXML

      # Initialize the graph object with the graph settings.  You won't

      # instantiate this class directly; see the subclass for options.

      # [width] 500

      # [height] 300

      # [show_x_guidelines] false

      # [show_y_guidelines] true

      # [show_data_values] true

      # [min_scale_value] 0

      # [show_x_labels] true

      # [stagger_x_labels] false

      # [rotate_x_labels] false

      # [step_x_labels] 1

      # [step_include_first_x_label] true

      # [show_y_labels] true

      # [rotate_y_labels] false

      # [scale_integers] false

      # [show_x_title] false

      # [x_title] 'X Field names'

      # [show_y_title] false

      # [y_title_text_direction] :bt

      # [y_title] 'Y Scale'

      # [show_graph_title] false

      # [graph_title] 'Graph Title'

      # [show_graph_subtitle] false

      # [graph_subtitle] 'Graph Sub Title'

      # [key] true,

      # [key_position] :right, # bottom or righ

      # [font_size] 12

      # [title_font_size] 16

      # [subtitle_font_size] 14

      # [x_label_font_size] 12

      # [x_title_font_size] 14

      # [y_label_font_size] 12

      # [y_title_font_size] 14

      # [key_font_size] 10

      # [no_css] false

      # [add_popups] false

      def initialize( config )

        @config = config

        self.top_align = self.top_font = self.right_align = self.right_font = 0

        init_with({

          :width                => 500,

          :height                => 300,

          :show_x_guidelines    => false,

          :show_y_guidelines    => true,

          :show_data_values     => true,

#          :min_scale_value      => 0,

          :show_x_labels        => true,

          :stagger_x_labels     => false,

          :rotate_x_labels      => false,

          :step_x_labels        => 1,

          :step_include_first_x_label => true,

          :show_y_labels        => true,

          :rotate_y_labels      => false,

          :stagger_y_labels     => false,

          :scale_integers       => false,

          :show_x_title         => false,

          :x_title              => 'X Field names',

          :show_y_title         => false,

          :y_title_text_direction => :bt,

          :y_title              => 'Y Scale',

          :show_graph_title      => false,

          :graph_title          => 'Graph Title',

          :show_graph_subtitle  => false,

          :graph_subtitle        => 'Graph Sub Title',

          :key                  => true, 

          :key_position          => :right, # bottom or right

          :font_size            =>12,

          :title_font_size      =>16,

          :subtitle_font_size   =>14,

          :x_label_font_size    =>12,

          :x_title_font_size    =>14,

          :y_label_font_size    =>12,

          :y_title_font_size    =>14,

          :key_font_size        =>10,

          :no_css               =>false,

          :add_popups           =>false,

        })

				set_defaults if respond_to? :set_defaults

        init_with config

      end

      # This method allows you do add data to the graph object.

      # It can be called several times to add more data sets in.

      #

      #   data_sales_02 = [12, 45, 21];

      #   

      #   graph.add_data({

      #     :data => data_sales_02,

      #     :title => 'Sales 2002'

      #   })

      def add_data conf

        @data = [] unless defined? @data

        if conf[:data] and conf[:data].kind_of? Array

          @data << conf

        else

          raise "No data provided by #{conf.inspect}"

        end

      end

      # This method removes all data from the object so that you can

      # reuse it to create a new graph but with the same config options.

      #

      #   graph.clear_data

      def clear_data 

        @data = []

      end

      # This method processes the template with the data and

      # config which has been set and returns the resulting SVG.

      #

      # This method will croak unless at least one data set has

      # been added to the graph object.

      #

      #   print graph.burn

      def burn

        raise "No data available" unless @data.size > 0

        calculations if respond_to? :calculations

        start_svg

        calculate_graph_dimensions

        @foreground = Element.new( "g" )

        draw_graph

        draw_titles

        draw_legend

        draw_data

        @graph.add_element( @foreground )

        style

        data = ""

        @doc.write( data, 0 )

        if @config[:compress]

          if @@__have_zlib

            inp, out = IO.pipe

            gz = Zlib::GzipWriter.new( out )

            gz.write data

            gz.close

            data = inp.read

          else

            data << "<!-- Ruby Zlib not available for SVGZ -->";

          end

        end

        return data

      end

      #   Set the height of the graph box, this is the total height

      #   of the SVG box created - not the graph it self which auto

      #   scales to fix the space.

      attr_accessor :height

      #   Set the width of the graph box, this is the total width

      #   of the SVG box created - not the graph it self which auto

      #   scales to fix the space.

      attr_accessor :width

      #   Set the path to an external stylesheet, set to '' if

      #   you want to revert back to using the defaut internal version.

      #

      #   To create an external stylesheet create a graph using the

      #   default internal version and copy the stylesheet section to

      #   an external file and edit from there.

      attr_accessor :style_sheet

      #   (Bool) Show the value of each element of data on the graph

      attr_accessor :show_data_values

      #   The point at which the Y axis starts, defaults to '0',

      #   if set to nil it will default to the minimum data value.

      attr_accessor :min_scale_value

      #   Whether to show labels on the X axis or not, defaults

      #   to true, set to false if you want to turn them off.

      attr_accessor :show_x_labels

      #   This puts the X labels at alternative levels so if they

      #   are long field names they will not overlap so easily.

      #   Default it false, to turn on set to true.

      attr_accessor :stagger_x_labels

      #   This puts the Y labels at alternative levels so if they

      #   are long field names they will not overlap so easily.

      #   Default it false, to turn on set to true.

      attr_accessor :stagger_y_labels

      #   This turns the X axis labels by 90 degrees.

      #   Default it false, to turn on set to true.

      attr_accessor :rotate_x_labels

      #   This turns the Y axis labels by 90 degrees.

      #   Default it false, to turn on set to true.

      attr_accessor :rotate_y_labels

      #   How many "steps" to use between displayed X axis labels,

      #   a step of one means display every label, a step of two results

      #   in every other label being displayed (label <gap> label <gap> label),

      #   a step of three results in every third label being displayed

      #   (label <gap> <gap> label <gap> <gap> label) and so on.

      attr_accessor :step_x_labels

      #   Whether to (when taking "steps" between X axis labels) step from 

      #   the first label (i.e. always include the first label) or step from

      #   the X axis origin (i.e. start with a gap if step_x_labels is greater

      #   than one).

      attr_accessor :step_include_first_x_label

      #   Whether to show labels on the Y axis or not, defaults

      #   to true, set to false if you want to turn them off.

      attr_accessor :show_y_labels

      #   Ensures only whole numbers are used as the scale divisions.

      #   Default it false, to turn on set to true. This has no effect if 

      #   scale divisions are less than 1.

      attr_accessor :scale_integers

      #   This defines the gap between markers on the Y axis,

      #   default is a 10th of the max_value, e.g. you will have

      #   10 markers on the Y axis. NOTE: do not set this too

      #   low - you are limited to 999 markers, after that the

      #   graph won't generate.

      attr_accessor :scale_divisions

      #   Whether to show the title under the X axis labels,

      #   default is false, set to true to show.

      attr_accessor :show_x_title

      #   What the title under X axis should be, e.g. 'Months'.

      attr_accessor :x_title

      #   Whether to show the title under the Y axis labels,

      #   default is false, set to true to show.

      attr_accessor :show_y_title

      #   Aligns writing mode for Y axis label. 

      #   Defaults to :bt (Bottom to Top).

      #   Change to :tb (Top to Bottom) to reverse.

      attr_accessor :y_title_text_direction

      #   What the title under Y axis should be, e.g. 'Sales in thousands'.

      attr_accessor :y_title

      #   Whether to show a title on the graph, defaults

      #   to false, set to true to show.

      attr_accessor :show_graph_title

      #   What the title on the graph should be.

      attr_accessor :graph_title

      #   Whether to show a subtitle on the graph, defaults

      #   to false, set to true to show.

      attr_accessor :show_graph_subtitle

      #   What the subtitle on the graph should be.

      attr_accessor :graph_subtitle

      #   Whether to show a key, defaults to false, set to

      #   true if you want to show it.

      attr_accessor :key

      #   Where the key should be positioned, defaults to

      #   :right, set to :bottom if you want to move it.

      attr_accessor :key_position

      # Set the font size (in points) of the data point labels

      attr_accessor :font_size

      # Set the font size of the X axis labels

      attr_accessor :x_label_font_size

      # Set the font size of the X axis title

      attr_accessor :x_title_font_size

      # Set the font size of the Y axis labels

      attr_accessor :y_label_font_size

      # Set the font size of the Y axis title

      attr_accessor :y_title_font_size

      # Set the title font size

      attr_accessor :title_font_size

      # Set the subtitle font size

      attr_accessor :subtitle_font_size

      # Set the key font size

      attr_accessor :key_font_size

      # Show guidelines for the X axis

      attr_accessor :show_x_guidelines

      # Show guidelines for the Y axis

      attr_accessor :show_y_guidelines

      # Do not use CSS if set to true.  Many SVG viewers do not support CSS, but

      # not using CSS can result in larger SVGs as well as making it impossible to

      # change colors after the chart is generated.  Defaults to false.

      attr_accessor :no_css

      # Add popups for the data points on some graphs

      attr_accessor :add_popups

      protected

      def sort( *arrys )

        sort_multiple( arrys )

      end

      # Overwrite configuration options with supplied options.  Used

      # by subclasses.

      def init_with config

        config.each { |key, value|

          self.send((key.to_s+"=").to_sym, value ) if respond_to? key.to_sym

        }

      end

      attr_accessor :top_align, :top_font, :right_align, :right_font

      KEY_BOX_SIZE = 12

      # Override this (and call super) to change the margin to the left

      # of the plot area.  Results in @border_left being set.

      def calculate_left_margin

        @border_left = 7

        # Check for Y labels

        max_y_label_height_px = rotate_y_labels ? 

          y_label_font_size :

          get_y_labels.max{|a,b| 

            a.to_s.length<=>b.to_s.length

          }.to_s.length * y_label_font_size * 0.6

        @border_left += max_y_label_height_px if show_y_labels

        @border_left += max_y_label_height_px + 10 if stagger_y_labels

        @border_left += y_title_font_size + 5 if show_y_title

      end

      # Calculates the width of the widest Y label.  This will be the

      # character height if the Y labels are rotated

      def max_y_label_width_px

        return font_size if rotate_y_labels

      end

      # Override this (and call super) to change the margin to the right

      # of the plot area.  Results in @border_right being set.

      def calculate_right_margin

        @border_right = 7

        if key and key_position == :right

          val = keys.max { |a,b| a.length <=> b.length }

          @border_right += val.length * key_font_size * 0.6 

          @border_right += KEY_BOX_SIZE

          @border_right += 10    # Some padding around the box

        end

      end

      # Override this (and call super) to change the margin to the top

      # of the plot area.  Results in @border_top being set.

      def calculate_top_margin

        @border_top = 5

        @border_top += title_font_size if show_graph_title

        @border_top += 5

        @border_top += subtitle_font_size if show_graph_subtitle

      end

      # Adds pop-up point information to a graph.

      def add_popup( x, y, label )

        txt_width = label.length * font_size * 0.6 + 10

        tx = (x+txt_width > width ? x-5 : x+5)

        t = @foreground.add_element( "text", {

          "x" => tx.to_s,

          "y" => (y - font_size).to_s,

          "visibility" => "hidden",

        })

        t.attributes["style"] = "fill: #000; "+

          (x+txt_width > width ? "text-anchor: end;" : "text-anchor: start;")

        t.text = label.to_s

        t.attributes["id"] = t.object_id.to_s

        @foreground.add_element( "circle", {

          "cx" => x.to_s,

          "cy" => y.to_s,

          "r" => "10",

          "style" => "opacity: 0",

          "onmouseover" => 

            "document.getElementById(#{t.object_id}).setAttribute('visibility', 'visible' )",

          "onmouseout" => 

            "document.getElementById(#{t.object_id}).setAttribute('visibility', 'hidden' )",

        })

      end

      # Override this (and call super) to change the margin to the bottom

      # of the plot area.  Results in @border_bottom being set.

      def calculate_bottom_margin

        @border_bottom = 7

        if key and key_position == :bottom

          @border_bottom += @data.size * (font_size + 5)

          @border_bottom += 10

        end

        if show_x_labels

		  max_x_label_height_px = (not rotate_x_labels) ? 

            x_label_font_size :

            get_x_labels.max{|a,b| 

              a.to_s.length<=>b.to_s.length

            }.to_s.length * x_label_font_size * 0.6

          @border_bottom += max_x_label_height_px

          @border_bottom += max_x_label_height_px + 10 if stagger_x_labels

        end

        @border_bottom += x_title_font_size + 5 if show_x_title

      end

      # Draws the background, axis, and labels.

      def draw_graph

        @graph = @root.add_element( "g", {

          "transform" => "translate( #@border_left #@border_top )"

        })

        # Background

        @graph.add_element( "rect", {

          "x" => "0",

          "y" => "0",

          "width" => @graph_width.to_s,

          "height" => @graph_height.to_s,

          "class" => "graphBackground"

        })

        # Axis

        @graph.add_element( "path", {

          "d" => "M 0 0 v#@graph_height",

          "class" => "axis",

          "id" => "xAxis"

        })

        @graph.add_element( "path", {

          "d" => "M 0 #@graph_height h#@graph_width",

          "class" => "axis",

          "id" => "yAxis"

        })

        draw_x_labels

        draw_y_labels

      end

      # Where in the X area the label is drawn

      # Centered in the field, should be width/2.  Start, 0.

      def x_label_offset( width )

        0

      end

      def make_datapoint_text( x, y, value, style="" )

        if show_data_values

          @foreground.add_element( "text", {

            "x" => x.to_s,

            "y" => y.to_s,

            "class" => "dataPointLabel",

            "style" => "#{style} stroke: #fff; stroke-width: 2;"

          }).text = value.to_s

          text = @foreground.add_element( "text", {

            "x" => x.to_s,

            "y" => y.to_s,

            "class" => "dataPointLabel"

          })

          text.text = value.to_s

          text.attributes["style"] = style if style.length > 0

        end

      end

      # Draws the X axis labels

      def draw_x_labels

        stagger = x_label_font_size + 5

        if show_x_labels

          label_width = field_width

          count = 0

          for label in get_x_labels

            if step_include_first_x_label == true then

              step = count % step_x_labels

            else

              step = (count + 1) % step_x_labels

            end

            if step == 0 then

              text = @graph.add_element( "text" )

              text.attributes["class"] = "xAxisLabels"

              text.text = label.to_s

              x = count * label_width + x_label_offset( label_width )

              y = @graph_height + x_label_font_size + 3

              t = 0 - (font_size / 2)

              if stagger_x_labels and count % 2 == 1

                y += stagger

                @graph.add_element( "path", {

                  "d" => "M#{x} #@graph_height v#{stagger}",

                  "class" => "staggerGuideLine"

                })

              end

              text.attributes["x"] = x.to_s

              text.attributes["y"] = y.to_s

              if rotate_x_labels

                text.attributes["transform"] = 

                  "rotate( 90 #{x} #{y-x_label_font_size} )"+

                  " translate( 0 -#{x_label_font_size/4} )"

                text.attributes["style"] = "text-anchor: start"

              else

                text.attributes["style"] = "text-anchor: middle"

              end

            end

            draw_x_guidelines( label_width, count ) if show_x_guidelines

            count += 1

          end

        end

      end

      # Where in the Y area the label is drawn

      # Centered in the field, should be width/2.  Start, 0.

      def y_label_offset( height )

        0

      end

      def field_width

        (@graph_width.to_f - font_size*2*right_font) /

           (get_x_labels.length - right_align)

      end

      def field_height

        (@graph_height.to_f - font_size*2*top_font) /

           (get_y_labels.length - top_align)

      end

      # Draws the Y axis labels

      def draw_y_labels

        stagger = y_label_font_size + 5

        if show_y_labels

          label_height = field_height

          count = 0

          y_offset = @graph_height + y_label_offset( label_height )

          y_offset += font_size/1.2 unless rotate_y_labels

          for label in get_y_labels

            y = y_offset - (label_height * count)

            x = rotate_y_labels ? 0 : -3

            if stagger_y_labels and count % 2 == 1

              x -= stagger

              @graph.add_element( "path", {

                "d" => "M#{x} #{y} h#{stagger}",

                "class" => "staggerGuideLine"

              })

            end

            text = @graph.add_element( "text", {

              "x" => x.to_s,

              "y" => y.to_s,

              "class" => "yAxisLabels"

            })

            text.text = label.to_s