##// END OF EJS Templates
Merged r12052 from trunk (#14511)....
Jean-Philippe Lang -
r11823:b724eb4fece6
parent child
Show More
@@ -1,978 +1,977
1 begin
1 begin
2 require 'zlib'
2 require 'zlib'
3 @@__have_zlib = true
4 rescue
3 rescue
5 @@__have_zlib = false
4 # Zlib not available
6 end
5 end
7
6
8 require 'rexml/document'
7 require 'rexml/document'
9
8
10 module SVG
9 module SVG
11 module Graph
10 module Graph
12 VERSION = '@ANT_VERSION@'
11 VERSION = '@ANT_VERSION@'
13
12
14 # === Base object for generating SVG Graphs
13 # === Base object for generating SVG Graphs
15 #
14 #
16 # == Synopsis
15 # == Synopsis
17 #
16 #
18 # This class is only used as a superclass of specialized charts. Do not
17 # This class is only used as a superclass of specialized charts. Do not
19 # attempt to use this class directly, unless creating a new chart type.
18 # attempt to use this class directly, unless creating a new chart type.
20 #
19 #
21 # For examples of how to subclass this class, see the existing specific
20 # For examples of how to subclass this class, see the existing specific
22 # subclasses, such as SVG::Graph::Pie.
21 # subclasses, such as SVG::Graph::Pie.
23 #
22 #
24 # == Examples
23 # == Examples
25 #
24 #
26 # For examples of how to use this package, see either the test files, or
25 # For examples of how to use this package, see either the test files, or
27 # the documentation for the specific class you want to use.
26 # the documentation for the specific class you want to use.
28 #
27 #
29 # * file:test/plot.rb
28 # * file:test/plot.rb
30 # * file:test/single.rb
29 # * file:test/single.rb
31 # * file:test/test.rb
30 # * file:test/test.rb
32 # * file:test/timeseries.rb
31 # * file:test/timeseries.rb
33 #
32 #
34 # == Description
33 # == Description
35 #
34 #
36 # This package should be used as a base for creating SVG graphs.
35 # This package should be used as a base for creating SVG graphs.
37 #
36 #
38 # == Acknowledgements
37 # == Acknowledgements
39 #
38 #
40 # Leo Lapworth for creating the SVG::TT::Graph package which this Ruby
39 # Leo Lapworth for creating the SVG::TT::Graph package which this Ruby
41 # port is based on.
40 # port is based on.
42 #
41 #
43 # Stephen Morgan for creating the TT template and SVG.
42 # Stephen Morgan for creating the TT template and SVG.
44 #
43 #
45 # == See
44 # == See
46 #
45 #
47 # * SVG::Graph::BarHorizontal
46 # * SVG::Graph::BarHorizontal
48 # * SVG::Graph::Bar
47 # * SVG::Graph::Bar
49 # * SVG::Graph::Line
48 # * SVG::Graph::Line
50 # * SVG::Graph::Pie
49 # * SVG::Graph::Pie
51 # * SVG::Graph::Plot
50 # * SVG::Graph::Plot
52 # * SVG::Graph::TimeSeries
51 # * SVG::Graph::TimeSeries
53 #
52 #
54 # == Author
53 # == Author
55 #
54 #
56 # Sean E. Russell <serATgermaneHYPHENsoftwareDOTcom>
55 # Sean E. Russell <serATgermaneHYPHENsoftwareDOTcom>
57 #
56 #
58 # Copyright 2004 Sean E. Russell
57 # Copyright 2004 Sean E. Russell
59 # This software is available under the Ruby license[LICENSE.txt]
58 # This software is available under the Ruby license[LICENSE.txt]
60 #
59 #
61 class Graph
60 class Graph
62 include REXML
61 include REXML
63
62
64 # Initialize the graph object with the graph settings. You won't
63 # Initialize the graph object with the graph settings. You won't
65 # instantiate this class directly; see the subclass for options.
64 # instantiate this class directly; see the subclass for options.
66 # [width] 500
65 # [width] 500
67 # [height] 300
66 # [height] 300
68 # [show_x_guidelines] false
67 # [show_x_guidelines] false
69 # [show_y_guidelines] true
68 # [show_y_guidelines] true
70 # [show_data_values] true
69 # [show_data_values] true
71 # [min_scale_value] 0
70 # [min_scale_value] 0
72 # [show_x_labels] true
71 # [show_x_labels] true
73 # [stagger_x_labels] false
72 # [stagger_x_labels] false
74 # [rotate_x_labels] false
73 # [rotate_x_labels] false
75 # [step_x_labels] 1
74 # [step_x_labels] 1
76 # [step_include_first_x_label] true
75 # [step_include_first_x_label] true
77 # [show_y_labels] true
76 # [show_y_labels] true
78 # [rotate_y_labels] false
77 # [rotate_y_labels] false
79 # [scale_integers] false
78 # [scale_integers] false
80 # [show_x_title] false
79 # [show_x_title] false
81 # [x_title] 'X Field names'
80 # [x_title] 'X Field names'
82 # [show_y_title] false
81 # [show_y_title] false
83 # [y_title_text_direction] :bt
82 # [y_title_text_direction] :bt
84 # [y_title] 'Y Scale'
83 # [y_title] 'Y Scale'
85 # [show_graph_title] false
84 # [show_graph_title] false
86 # [graph_title] 'Graph Title'
85 # [graph_title] 'Graph Title'
87 # [show_graph_subtitle] false
86 # [show_graph_subtitle] false
88 # [graph_subtitle] 'Graph Sub Title'
87 # [graph_subtitle] 'Graph Sub Title'
89 # [key] true,
88 # [key] true,
90 # [key_position] :right, # bottom or righ
89 # [key_position] :right, # bottom or righ
91 # [font_size] 12
90 # [font_size] 12
92 # [title_font_size] 16
91 # [title_font_size] 16
93 # [subtitle_font_size] 14
92 # [subtitle_font_size] 14
94 # [x_label_font_size] 12
93 # [x_label_font_size] 12
95 # [x_title_font_size] 14
94 # [x_title_font_size] 14
96 # [y_label_font_size] 12
95 # [y_label_font_size] 12
97 # [y_title_font_size] 14
96 # [y_title_font_size] 14
98 # [key_font_size] 10
97 # [key_font_size] 10
99 # [no_css] false
98 # [no_css] false
100 # [add_popups] false
99 # [add_popups] false
101 def initialize( config )
100 def initialize( config )
102 @config = config
101 @config = config
103
102
104 self.top_align = self.top_font = self.right_align = self.right_font = 0
103 self.top_align = self.top_font = self.right_align = self.right_font = 0
105
104
106 init_with({
105 init_with({
107 :width => 500,
106 :width => 500,
108 :height => 300,
107 :height => 300,
109 :show_x_guidelines => false,
108 :show_x_guidelines => false,
110 :show_y_guidelines => true,
109 :show_y_guidelines => true,
111 :show_data_values => true,
110 :show_data_values => true,
112
111
113 # :min_scale_value => 0,
112 # :min_scale_value => 0,
114
113
115 :show_x_labels => true,
114 :show_x_labels => true,
116 :stagger_x_labels => false,
115 :stagger_x_labels => false,
117 :rotate_x_labels => false,
116 :rotate_x_labels => false,
118 :step_x_labels => 1,
117 :step_x_labels => 1,
119 :step_include_first_x_label => true,
118 :step_include_first_x_label => true,
120
119
121 :show_y_labels => true,
120 :show_y_labels => true,
122 :rotate_y_labels => false,
121 :rotate_y_labels => false,
123 :stagger_y_labels => false,
122 :stagger_y_labels => false,
124 :scale_integers => false,
123 :scale_integers => false,
125
124
126 :show_x_title => false,
125 :show_x_title => false,
127 :x_title => 'X Field names',
126 :x_title => 'X Field names',
128
127
129 :show_y_title => false,
128 :show_y_title => false,
130 :y_title_text_direction => :bt,
129 :y_title_text_direction => :bt,
131 :y_title => 'Y Scale',
130 :y_title => 'Y Scale',
132
131
133 :show_graph_title => false,
132 :show_graph_title => false,
134 :graph_title => 'Graph Title',
133 :graph_title => 'Graph Title',
135 :show_graph_subtitle => false,
134 :show_graph_subtitle => false,
136 :graph_subtitle => 'Graph Sub Title',
135 :graph_subtitle => 'Graph Sub Title',
137 :key => true,
136 :key => true,
138 :key_position => :right, # bottom or right
137 :key_position => :right, # bottom or right
139
138
140 :font_size =>12,
139 :font_size =>12,
141 :title_font_size =>16,
140 :title_font_size =>16,
142 :subtitle_font_size =>14,
141 :subtitle_font_size =>14,
143 :x_label_font_size =>12,
142 :x_label_font_size =>12,
144 :x_title_font_size =>14,
143 :x_title_font_size =>14,
145 :y_label_font_size =>12,
144 :y_label_font_size =>12,
146 :y_title_font_size =>14,
145 :y_title_font_size =>14,
147 :key_font_size =>10,
146 :key_font_size =>10,
148
147
149 :no_css =>false,
148 :no_css =>false,
150 :add_popups =>false,
149 :add_popups =>false,
151 })
150 })
152
151
153 set_defaults if respond_to? :set_defaults
152 set_defaults if respond_to? :set_defaults
154
153
155 init_with config
154 init_with config
156 end
155 end
157
156
158
157
159 # This method allows you do add data to the graph object.
158 # This method allows you do add data to the graph object.
160 # It can be called several times to add more data sets in.
159 # It can be called several times to add more data sets in.
161 #
160 #
162 # data_sales_02 = [12, 45, 21];
161 # data_sales_02 = [12, 45, 21];
163 #
162 #
164 # graph.add_data({
163 # graph.add_data({
165 # :data => data_sales_02,
164 # :data => data_sales_02,
166 # :title => 'Sales 2002'
165 # :title => 'Sales 2002'
167 # })
166 # })
168 def add_data conf
167 def add_data conf
169 @data = [] unless defined? @data
168 @data = [] unless defined? @data
170
169
171 if conf[:data] and conf[:data].kind_of? Array
170 if conf[:data] and conf[:data].kind_of? Array
172 @data << conf
171 @data << conf
173 else
172 else
174 raise "No data provided by #{conf.inspect}"
173 raise "No data provided by #{conf.inspect}"
175 end
174 end
176 end
175 end
177
176
178
177
179 # This method removes all data from the object so that you can
178 # This method removes all data from the object so that you can
180 # reuse it to create a new graph but with the same config options.
179 # reuse it to create a new graph but with the same config options.
181 #
180 #
182 # graph.clear_data
181 # graph.clear_data
183 def clear_data
182 def clear_data
184 @data = []
183 @data = []
185 end
184 end
186
185
187
186
188 # This method processes the template with the data and
187 # This method processes the template with the data and
189 # config which has been set and returns the resulting SVG.
188 # config which has been set and returns the resulting SVG.
190 #
189 #
191 # This method will croak unless at least one data set has
190 # This method will croak unless at least one data set has
192 # been added to the graph object.
191 # been added to the graph object.
193 #
192 #
194 # print graph.burn
193 # print graph.burn
195 def burn
194 def burn
196 raise "No data available" unless @data.size > 0
195 raise "No data available" unless @data.size > 0
197
196
198 calculations if respond_to? :calculations
197 calculations if respond_to? :calculations
199
198
200 start_svg
199 start_svg
201 calculate_graph_dimensions
200 calculate_graph_dimensions
202 @foreground = Element.new( "g" )
201 @foreground = Element.new( "g" )
203 draw_graph
202 draw_graph
204 draw_titles
203 draw_titles
205 draw_legend
204 draw_legend
206 draw_data
205 draw_data
207 @graph.add_element( @foreground )
206 @graph.add_element( @foreground )
208 style
207 style
209
208
210 data = ""
209 data = ""
211 @doc.write( data, 0 )
210 @doc.write( data, 0 )
212
211
213 if @config[:compress]
212 if @config[:compress]
214 if @@__have_zlib
213 if Object.const_defined?(:Zlib)
215 inp, out = IO.pipe
214 inp, out = IO.pipe
216 gz = Zlib::GzipWriter.new( out )
215 gz = Zlib::GzipWriter.new( out )
217 gz.write data
216 gz.write data
218 gz.close
217 gz.close
219 data = inp.read
218 data = inp.read
220 else
219 else
221 data << "<!-- Ruby Zlib not available for SVGZ -->";
220 data << "<!-- Ruby Zlib not available for SVGZ -->";
222 end
221 end
223 end
222 end
224
223
225 return data
224 return data
226 end
225 end
227
226
228
227
229 # Set the height of the graph box, this is the total height
228 # Set the height of the graph box, this is the total height
230 # of the SVG box created - not the graph it self which auto
229 # of the SVG box created - not the graph it self which auto
231 # scales to fix the space.
230 # scales to fix the space.
232 attr_accessor :height
231 attr_accessor :height
233 # Set the width of the graph box, this is the total width
232 # Set the width of the graph box, this is the total width
234 # of the SVG box created - not the graph it self which auto
233 # of the SVG box created - not the graph it self which auto
235 # scales to fix the space.
234 # scales to fix the space.
236 attr_accessor :width
235 attr_accessor :width
237 # Set the path to an external stylesheet, set to '' if
236 # Set the path to an external stylesheet, set to '' if
238 # you want to revert back to using the defaut internal version.
237 # you want to revert back to using the defaut internal version.
239 #
238 #
240 # To create an external stylesheet create a graph using the
239 # To create an external stylesheet create a graph using the
241 # default internal version and copy the stylesheet section to
240 # default internal version and copy the stylesheet section to
242 # an external file and edit from there.
241 # an external file and edit from there.
243 attr_accessor :style_sheet
242 attr_accessor :style_sheet
244 # (Bool) Show the value of each element of data on the graph
243 # (Bool) Show the value of each element of data on the graph
245 attr_accessor :show_data_values
244 attr_accessor :show_data_values
246 # The point at which the Y axis starts, defaults to '0',
245 # The point at which the Y axis starts, defaults to '0',
247 # if set to nil it will default to the minimum data value.
246 # if set to nil it will default to the minimum data value.
248 attr_accessor :min_scale_value
247 attr_accessor :min_scale_value
249 # Whether to show labels on the X axis or not, defaults
248 # Whether to show labels on the X axis or not, defaults
250 # to true, set to false if you want to turn them off.
249 # to true, set to false if you want to turn them off.
251 attr_accessor :show_x_labels
250 attr_accessor :show_x_labels
252 # This puts the X labels at alternative levels so if they
251 # This puts the X labels at alternative levels so if they
253 # are long field names they will not overlap so easily.
252 # are long field names they will not overlap so easily.
254 # Default it false, to turn on set to true.
253 # Default it false, to turn on set to true.
255 attr_accessor :stagger_x_labels
254 attr_accessor :stagger_x_labels
256 # This puts the Y labels at alternative levels so if they
255 # This puts the Y labels at alternative levels so if they
257 # are long field names they will not overlap so easily.
256 # are long field names they will not overlap so easily.
258 # Default it false, to turn on set to true.
257 # Default it false, to turn on set to true.
259 attr_accessor :stagger_y_labels
258 attr_accessor :stagger_y_labels
260 # This turns the X axis labels by 90 degrees.
259 # This turns the X axis labels by 90 degrees.
261 # Default it false, to turn on set to true.
260 # Default it false, to turn on set to true.
262 attr_accessor :rotate_x_labels
261 attr_accessor :rotate_x_labels
263 # This turns the Y axis labels by 90 degrees.
262 # This turns the Y axis labels by 90 degrees.
264 # Default it false, to turn on set to true.
263 # Default it false, to turn on set to true.
265 attr_accessor :rotate_y_labels
264 attr_accessor :rotate_y_labels
266 # How many "steps" to use between displayed X axis labels,
265 # How many "steps" to use between displayed X axis labels,
267 # a step of one means display every label, a step of two results
266 # a step of one means display every label, a step of two results
268 # in every other label being displayed (label <gap> label <gap> label),
267 # in every other label being displayed (label <gap> label <gap> label),
269 # a step of three results in every third label being displayed
268 # a step of three results in every third label being displayed
270 # (label <gap> <gap> label <gap> <gap> label) and so on.
269 # (label <gap> <gap> label <gap> <gap> label) and so on.
271 attr_accessor :step_x_labels
270 attr_accessor :step_x_labels
272 # Whether to (when taking "steps" between X axis labels) step from
271 # Whether to (when taking "steps" between X axis labels) step from
273 # the first label (i.e. always include the first label) or step from
272 # the first label (i.e. always include the first label) or step from
274 # the X axis origin (i.e. start with a gap if step_x_labels is greater
273 # the X axis origin (i.e. start with a gap if step_x_labels is greater
275 # than one).
274 # than one).
276 attr_accessor :step_include_first_x_label
275 attr_accessor :step_include_first_x_label
277 # Whether to show labels on the Y axis or not, defaults
276 # Whether to show labels on the Y axis or not, defaults
278 # to true, set to false if you want to turn them off.
277 # to true, set to false if you want to turn them off.
279 attr_accessor :show_y_labels
278 attr_accessor :show_y_labels
280 # Ensures only whole numbers are used as the scale divisions.
279 # Ensures only whole numbers are used as the scale divisions.
281 # Default it false, to turn on set to true. This has no effect if
280 # Default it false, to turn on set to true. This has no effect if
282 # scale divisions are less than 1.
281 # scale divisions are less than 1.
283 attr_accessor :scale_integers
282 attr_accessor :scale_integers
284 # This defines the gap between markers on the Y axis,
283 # This defines the gap between markers on the Y axis,
285 # default is a 10th of the max_value, e.g. you will have
284 # default is a 10th of the max_value, e.g. you will have
286 # 10 markers on the Y axis. NOTE: do not set this too
285 # 10 markers on the Y axis. NOTE: do not set this too
287 # low - you are limited to 999 markers, after that the
286 # low - you are limited to 999 markers, after that the
288 # graph won't generate.
287 # graph won't generate.
289 attr_accessor :scale_divisions
288 attr_accessor :scale_divisions
290 # Whether to show the title under the X axis labels,
289 # Whether to show the title under the X axis labels,
291 # default is false, set to true to show.
290 # default is false, set to true to show.
292 attr_accessor :show_x_title
291 attr_accessor :show_x_title
293 # What the title under X axis should be, e.g. 'Months'.
292 # What the title under X axis should be, e.g. 'Months'.
294 attr_accessor :x_title
293 attr_accessor :x_title
295 # Whether to show the title under the Y axis labels,
294 # Whether to show the title under the Y axis labels,
296 # default is false, set to true to show.
295 # default is false, set to true to show.
297 attr_accessor :show_y_title
296 attr_accessor :show_y_title
298 # Aligns writing mode for Y axis label.
297 # Aligns writing mode for Y axis label.
299 # Defaults to :bt (Bottom to Top).
298 # Defaults to :bt (Bottom to Top).
300 # Change to :tb (Top to Bottom) to reverse.
299 # Change to :tb (Top to Bottom) to reverse.
301 attr_accessor :y_title_text_direction
300 attr_accessor :y_title_text_direction
302 # What the title under Y axis should be, e.g. 'Sales in thousands'.
301 # What the title under Y axis should be, e.g. 'Sales in thousands'.
303 attr_accessor :y_title
302 attr_accessor :y_title
304 # Whether to show a title on the graph, defaults
303 # Whether to show a title on the graph, defaults
305 # to false, set to true to show.
304 # to false, set to true to show.
306 attr_accessor :show_graph_title
305 attr_accessor :show_graph_title
307 # What the title on the graph should be.
306 # What the title on the graph should be.
308 attr_accessor :graph_title
307 attr_accessor :graph_title
309 # Whether to show a subtitle on the graph, defaults
308 # Whether to show a subtitle on the graph, defaults
310 # to false, set to true to show.
309 # to false, set to true to show.
311 attr_accessor :show_graph_subtitle
310 attr_accessor :show_graph_subtitle
312 # What the subtitle on the graph should be.
311 # What the subtitle on the graph should be.
313 attr_accessor :graph_subtitle
312 attr_accessor :graph_subtitle
314 # Whether to show a key, defaults to false, set to
313 # Whether to show a key, defaults to false, set to
315 # true if you want to show it.
314 # true if you want to show it.
316 attr_accessor :key
315 attr_accessor :key
317 # Where the key should be positioned, defaults to
316 # Where the key should be positioned, defaults to
318 # :right, set to :bottom if you want to move it.
317 # :right, set to :bottom if you want to move it.
319 attr_accessor :key_position
318 attr_accessor :key_position
320 # Set the font size (in points) of the data point labels
319 # Set the font size (in points) of the data point labels
321 attr_accessor :font_size
320 attr_accessor :font_size
322 # Set the font size of the X axis labels
321 # Set the font size of the X axis labels
323 attr_accessor :x_label_font_size
322 attr_accessor :x_label_font_size
324 # Set the font size of the X axis title
323 # Set the font size of the X axis title
325 attr_accessor :x_title_font_size
324 attr_accessor :x_title_font_size
326 # Set the font size of the Y axis labels
325 # Set the font size of the Y axis labels
327 attr_accessor :y_label_font_size
326 attr_accessor :y_label_font_size
328 # Set the font size of the Y axis title
327 # Set the font size of the Y axis title
329 attr_accessor :y_title_font_size
328 attr_accessor :y_title_font_size
330 # Set the title font size
329 # Set the title font size
331 attr_accessor :title_font_size
330 attr_accessor :title_font_size
332 # Set the subtitle font size
331 # Set the subtitle font size
333 attr_accessor :subtitle_font_size
332 attr_accessor :subtitle_font_size
334 # Set the key font size
333 # Set the key font size
335 attr_accessor :key_font_size
334 attr_accessor :key_font_size
336 # Show guidelines for the X axis
335 # Show guidelines for the X axis
337 attr_accessor :show_x_guidelines
336 attr_accessor :show_x_guidelines
338 # Show guidelines for the Y axis
337 # Show guidelines for the Y axis
339 attr_accessor :show_y_guidelines
338 attr_accessor :show_y_guidelines
340 # Do not use CSS if set to true. Many SVG viewers do not support CSS, but
339 # Do not use CSS if set to true. Many SVG viewers do not support CSS, but
341 # not using CSS can result in larger SVGs as well as making it impossible to
340 # not using CSS can result in larger SVGs as well as making it impossible to
342 # change colors after the chart is generated. Defaults to false.
341 # change colors after the chart is generated. Defaults to false.
343 attr_accessor :no_css
342 attr_accessor :no_css
344 # Add popups for the data points on some graphs
343 # Add popups for the data points on some graphs
345 attr_accessor :add_popups
344 attr_accessor :add_popups
346
345
347
346
348 protected
347 protected
349
348
350 def sort( *arrys )
349 def sort( *arrys )
351 sort_multiple( arrys )
350 sort_multiple( arrys )
352 end
351 end
353
352
354 # Overwrite configuration options with supplied options. Used
353 # Overwrite configuration options with supplied options. Used
355 # by subclasses.
354 # by subclasses.
356 def init_with config
355 def init_with config
357 config.each { |key, value|
356 config.each { |key, value|
358 self.send((key.to_s+"=").to_sym, value ) if respond_to? key.to_sym
357 self.send((key.to_s+"=").to_sym, value ) if respond_to? key.to_sym
359 }
358 }
360 end
359 end
361
360
362 attr_accessor :top_align, :top_font, :right_align, :right_font
361 attr_accessor :top_align, :top_font, :right_align, :right_font
363
362
364 KEY_BOX_SIZE = 12
363 KEY_BOX_SIZE = 12
365
364
366 # Override this (and call super) to change the margin to the left
365 # Override this (and call super) to change the margin to the left
367 # of the plot area. Results in @border_left being set.
366 # of the plot area. Results in @border_left being set.
368 def calculate_left_margin
367 def calculate_left_margin
369 @border_left = 7
368 @border_left = 7
370 # Check for Y labels
369 # Check for Y labels
371 max_y_label_height_px = rotate_y_labels ?
370 max_y_label_height_px = rotate_y_labels ?
372 y_label_font_size :
371 y_label_font_size :
373 get_y_labels.max{|a,b|
372 get_y_labels.max{|a,b|
374 a.to_s.length<=>b.to_s.length
373 a.to_s.length<=>b.to_s.length
375 }.to_s.length * y_label_font_size * 0.6
374 }.to_s.length * y_label_font_size * 0.6
376 @border_left += max_y_label_height_px if show_y_labels
375 @border_left += max_y_label_height_px if show_y_labels
377 @border_left += max_y_label_height_px + 10 if stagger_y_labels
376 @border_left += max_y_label_height_px + 10 if stagger_y_labels
378 @border_left += y_title_font_size + 5 if show_y_title
377 @border_left += y_title_font_size + 5 if show_y_title
379 end
378 end
380
379
381
380
382 # Calculates the width of the widest Y label. This will be the
381 # Calculates the width of the widest Y label. This will be the
383 # character height if the Y labels are rotated
382 # character height if the Y labels are rotated
384 def max_y_label_width_px
383 def max_y_label_width_px
385 return font_size if rotate_y_labels
384 return font_size if rotate_y_labels
386 end
385 end
387
386
388
387
389 # Override this (and call super) to change the margin to the right
388 # Override this (and call super) to change the margin to the right
390 # of the plot area. Results in @border_right being set.
389 # of the plot area. Results in @border_right being set.
391 def calculate_right_margin
390 def calculate_right_margin
392 @border_right = 7
391 @border_right = 7
393 if key and key_position == :right
392 if key and key_position == :right
394 val = keys.max { |a,b| a.length <=> b.length }
393 val = keys.max { |a,b| a.length <=> b.length }
395 @border_right += val.length * key_font_size * 0.6
394 @border_right += val.length * key_font_size * 0.6
396 @border_right += KEY_BOX_SIZE
395 @border_right += KEY_BOX_SIZE
397 @border_right += 10 # Some padding around the box
396 @border_right += 10 # Some padding around the box
398 end
397 end
399 end
398 end
400
399
401
400
402 # Override this (and call super) to change the margin to the top
401 # Override this (and call super) to change the margin to the top
403 # of the plot area. Results in @border_top being set.
402 # of the plot area. Results in @border_top being set.
404 def calculate_top_margin
403 def calculate_top_margin
405 @border_top = 5
404 @border_top = 5
406 @border_top += title_font_size if show_graph_title
405 @border_top += title_font_size if show_graph_title
407 @border_top += 5
406 @border_top += 5
408 @border_top += subtitle_font_size if show_graph_subtitle
407 @border_top += subtitle_font_size if show_graph_subtitle
409 end
408 end
410
409
411
410
412 # Adds pop-up point information to a graph.
411 # Adds pop-up point information to a graph.
413 def add_popup( x, y, label )
412 def add_popup( x, y, label )
414 txt_width = label.length * font_size * 0.6 + 10
413 txt_width = label.length * font_size * 0.6 + 10
415 tx = (x+txt_width > width ? x-5 : x+5)
414 tx = (x+txt_width > width ? x-5 : x+5)
416 t = @foreground.add_element( "text", {
415 t = @foreground.add_element( "text", {
417 "x" => tx.to_s,
416 "x" => tx.to_s,
418 "y" => (y - font_size).to_s,
417 "y" => (y - font_size).to_s,
419 "visibility" => "hidden",
418 "visibility" => "hidden",
420 })
419 })
421 t.attributes["style"] = "fill: #000; "+
420 t.attributes["style"] = "fill: #000; "+
422 (x+txt_width > width ? "text-anchor: end;" : "text-anchor: start;")
421 (x+txt_width > width ? "text-anchor: end;" : "text-anchor: start;")
423 t.text = label.to_s
422 t.text = label.to_s
424 t.attributes["id"] = t.object_id.to_s
423 t.attributes["id"] = t.object_id.to_s
425
424
426 @foreground.add_element( "circle", {
425 @foreground.add_element( "circle", {
427 "cx" => x.to_s,
426 "cx" => x.to_s,
428 "cy" => y.to_s,
427 "cy" => y.to_s,
429 "r" => "10",
428 "r" => "10",
430 "style" => "opacity: 0",
429 "style" => "opacity: 0",
431 "onmouseover" =>
430 "onmouseover" =>
432 "document.getElementById(#{t.object_id}).setAttribute('visibility', 'visible' )",
431 "document.getElementById(#{t.object_id}).setAttribute('visibility', 'visible' )",
433 "onmouseout" =>
432 "onmouseout" =>
434 "document.getElementById(#{t.object_id}).setAttribute('visibility', 'hidden' )",
433 "document.getElementById(#{t.object_id}).setAttribute('visibility', 'hidden' )",
435 })
434 })
436
435
437 end
436 end
438
437
439
438
440 # Override this (and call super) to change the margin to the bottom
439 # Override this (and call super) to change the margin to the bottom
441 # of the plot area. Results in @border_bottom being set.
440 # of the plot area. Results in @border_bottom being set.
442 def calculate_bottom_margin
441 def calculate_bottom_margin
443 @border_bottom = 7
442 @border_bottom = 7
444 if key and key_position == :bottom
443 if key and key_position == :bottom
445 @border_bottom += @data.size * (font_size + 5)
444 @border_bottom += @data.size * (font_size + 5)
446 @border_bottom += 10
445 @border_bottom += 10
447 end
446 end
448 if show_x_labels
447 if show_x_labels
449 max_x_label_height_px = (not rotate_x_labels) ?
448 max_x_label_height_px = (not rotate_x_labels) ?
450 x_label_font_size :
449 x_label_font_size :
451 get_x_labels.max{|a,b|
450 get_x_labels.max{|a,b|
452 a.to_s.length<=>b.to_s.length
451 a.to_s.length<=>b.to_s.length
453 }.to_s.length * x_label_font_size * 0.6
452 }.to_s.length * x_label_font_size * 0.6
454 @border_bottom += max_x_label_height_px
453 @border_bottom += max_x_label_height_px
455 @border_bottom += max_x_label_height_px + 10 if stagger_x_labels
454 @border_bottom += max_x_label_height_px + 10 if stagger_x_labels
456 end
455 end
457 @border_bottom += x_title_font_size + 5 if show_x_title
456 @border_bottom += x_title_font_size + 5 if show_x_title
458 end
457 end
459
458
460
459
461 # Draws the background, axis, and labels.
460 # Draws the background, axis, and labels.
462 def draw_graph
461 def draw_graph
463 @graph = @root.add_element( "g", {
462 @graph = @root.add_element( "g", {
464 "transform" => "translate( #@border_left #@border_top )"
463 "transform" => "translate( #@border_left #@border_top )"
465 })
464 })
466
465
467 # Background
466 # Background
468 @graph.add_element( "rect", {
467 @graph.add_element( "rect", {
469 "x" => "0",
468 "x" => "0",
470 "y" => "0",
469 "y" => "0",
471 "width" => @graph_width.to_s,
470 "width" => @graph_width.to_s,
472 "height" => @graph_height.to_s,
471 "height" => @graph_height.to_s,
473 "class" => "graphBackground"
472 "class" => "graphBackground"
474 })
473 })
475
474
476 # Axis
475 # Axis
477 @graph.add_element( "path", {
476 @graph.add_element( "path", {
478 "d" => "M 0 0 v#@graph_height",
477 "d" => "M 0 0 v#@graph_height",
479 "class" => "axis",
478 "class" => "axis",
480 "id" => "xAxis"
479 "id" => "xAxis"
481 })
480 })
482 @graph.add_element( "path", {
481 @graph.add_element( "path", {
483 "d" => "M 0 #@graph_height h#@graph_width",
482 "d" => "M 0 #@graph_height h#@graph_width",
484 "class" => "axis",
483 "class" => "axis",
485 "id" => "yAxis"
484 "id" => "yAxis"
486 })
485 })
487
486
488 draw_x_labels
487 draw_x_labels
489 draw_y_labels
488 draw_y_labels
490 end
489 end
491
490
492
491
493 # Where in the X area the label is drawn
492 # Where in the X area the label is drawn
494 # Centered in the field, should be width/2. Start, 0.
493 # Centered in the field, should be width/2. Start, 0.
495 def x_label_offset( width )
494 def x_label_offset( width )
496 0
495 0
497 end
496 end
498
497
499 def make_datapoint_text( x, y, value, style="" )
498 def make_datapoint_text( x, y, value, style="" )
500 if show_data_values
499 if show_data_values
501 @foreground.add_element( "text", {
500 @foreground.add_element( "text", {
502 "x" => x.to_s,
501 "x" => x.to_s,
503 "y" => y.to_s,
502 "y" => y.to_s,
504 "class" => "dataPointLabel",
503 "class" => "dataPointLabel",
505 "style" => "#{style} stroke: #fff; stroke-width: 2;"
504 "style" => "#{style} stroke: #fff; stroke-width: 2;"
506 }).text = value.to_s
505 }).text = value.to_s
507 text = @foreground.add_element( "text", {
506 text = @foreground.add_element( "text", {
508 "x" => x.to_s,
507 "x" => x.to_s,
509 "y" => y.to_s,
508 "y" => y.to_s,
510 "class" => "dataPointLabel"
509 "class" => "dataPointLabel"
511 })
510 })
512 text.text = value.to_s
511 text.text = value.to_s
513 text.attributes["style"] = style if style.length > 0
512 text.attributes["style"] = style if style.length > 0
514 end
513 end
515 end
514 end
516
515
517
516
518 # Draws the X axis labels
517 # Draws the X axis labels
519 def draw_x_labels
518 def draw_x_labels
520 stagger = x_label_font_size + 5
519 stagger = x_label_font_size + 5
521 if show_x_labels
520 if show_x_labels
522 label_width = field_width
521 label_width = field_width
523
522
524 count = 0
523 count = 0
525 for label in get_x_labels
524 for label in get_x_labels
526 if step_include_first_x_label == true then
525 if step_include_first_x_label == true then
527 step = count % step_x_labels
526 step = count % step_x_labels
528 else
527 else
529 step = (count + 1) % step_x_labels
528 step = (count + 1) % step_x_labels
530 end
529 end
531
530
532 if step == 0 then
531 if step == 0 then
533 text = @graph.add_element( "text" )
532 text = @graph.add_element( "text" )
534 text.attributes["class"] = "xAxisLabels"
533 text.attributes["class"] = "xAxisLabels"
535 text.text = label.to_s
534 text.text = label.to_s
536
535
537 x = count * label_width + x_label_offset( label_width )
536 x = count * label_width + x_label_offset( label_width )
538 y = @graph_height + x_label_font_size + 3
537 y = @graph_height + x_label_font_size + 3
539 t = 0 - (font_size / 2)
538 t = 0 - (font_size / 2)
540
539
541 if stagger_x_labels and count % 2 == 1
540 if stagger_x_labels and count % 2 == 1
542 y += stagger
541 y += stagger
543 @graph.add_element( "path", {
542 @graph.add_element( "path", {
544 "d" => "M#{x} #@graph_height v#{stagger}",
543 "d" => "M#{x} #@graph_height v#{stagger}",
545 "class" => "staggerGuideLine"
544 "class" => "staggerGuideLine"
546 })
545 })
547 end
546 end
548
547
549 text.attributes["x"] = x.to_s
548 text.attributes["x"] = x.to_s
550 text.attributes["y"] = y.to_s
549 text.attributes["y"] = y.to_s
551 if rotate_x_labels
550 if rotate_x_labels
552 text.attributes["transform"] =
551 text.attributes["transform"] =
553 "rotate( 90 #{x} #{y-x_label_font_size} )"+
552 "rotate( 90 #{x} #{y-x_label_font_size} )"+
554 " translate( 0 -#{x_label_font_size/4} )"
553 " translate( 0 -#{x_label_font_size/4} )"
555 text.attributes["style"] = "text-anchor: start"
554 text.attributes["style"] = "text-anchor: start"
556 else
555 else
557 text.attributes["style"] = "text-anchor: middle"
556 text.attributes["style"] = "text-anchor: middle"
558 end
557 end
559 end
558 end
560
559
561 draw_x_guidelines( label_width, count ) if show_x_guidelines
560 draw_x_guidelines( label_width, count ) if show_x_guidelines
562 count += 1
561 count += 1
563 end
562 end
564 end
563 end
565 end
564 end
566
565
567
566
568 # Where in the Y area the label is drawn
567 # Where in the Y area the label is drawn
569 # Centered in the field, should be width/2. Start, 0.
568 # Centered in the field, should be width/2. Start, 0.
570 def y_label_offset( height )
569 def y_label_offset( height )
571 0
570 0
572 end
571 end
573
572
574
573
575 def field_width
574 def field_width
576 (@graph_width.to_f - font_size*2*right_font) /
575 (@graph_width.to_f - font_size*2*right_font) /
577 (get_x_labels.length - right_align)
576 (get_x_labels.length - right_align)
578 end
577 end
579
578
580
579
581 def field_height
580 def field_height
582 (@graph_height.to_f - font_size*2*top_font) /
581 (@graph_height.to_f - font_size*2*top_font) /
583 (get_y_labels.length - top_align)
582 (get_y_labels.length - top_align)
584 end
583 end
585
584
586
585
587 # Draws the Y axis labels
586 # Draws the Y axis labels
588 def draw_y_labels
587 def draw_y_labels
589 stagger = y_label_font_size + 5
588 stagger = y_label_font_size + 5
590 if show_y_labels
589 if show_y_labels
591 label_height = field_height
590 label_height = field_height
592
591
593 count = 0
592 count = 0
594 y_offset = @graph_height + y_label_offset( label_height )
593 y_offset = @graph_height + y_label_offset( label_height )
595 y_offset += font_size/1.2 unless rotate_y_labels
594 y_offset += font_size/1.2 unless rotate_y_labels
596 for label in get_y_labels
595 for label in get_y_labels
597 y = y_offset - (label_height * count)
596 y = y_offset - (label_height * count)
598 x = rotate_y_labels ? 0 : -3
597 x = rotate_y_labels ? 0 : -3
599
598
600 if stagger_y_labels and count % 2 == 1
599 if stagger_y_labels and count % 2 == 1
601 x -= stagger
600 x -= stagger
602 @graph.add_element( "path", {
601 @graph.add_element( "path", {
603 "d" => "M#{x} #{y} h#{stagger}",
602 "d" => "M#{x} #{y} h#{stagger}",
604 "class" => "staggerGuideLine"
603 "class" => "staggerGuideLine"
605 })
604 })
606 end
605 end
607
606
608 text = @graph.add_element( "text", {
607 text = @graph.add_element( "text", {
609 "x" => x.to_s,
608 "x" => x.to_s,
610 "y" => y.to_s,
609 "y" => y.to_s,
611 "class" => "yAxisLabels"
610 "class" => "yAxisLabels"
612 })
611 })
613 text.text = label.to_s
612 text.text = label.to_s
614 if rotate_y_labels
613 if rotate_y_labels
615 text.attributes["transform"] = "translate( -#{font_size} 0 ) "+
614 text.attributes["transform"] = "translate( -#{font_size} 0 ) "+
616 "rotate( 90 #{x} #{y} ) "
615 "rotate( 90 #{x} #{y} ) "
617 text.attributes["style"] = "text-anchor: middle"
616 text.attributes["style"] = "text-anchor: middle"
618 else
617 else
619 text.attributes["y"] = (y - (y_label_font_size/2)).to_s
618 text.attributes["y"] = (y - (y_label_font_size/2)).to_s
620 text.attributes["style"] = "text-anchor: end"
619 text.attributes["style"] = "text-anchor: end"
621 end
620 end
622 draw_y_guidelines( label_height, count ) if show_y_guidelines
621 draw_y_guidelines( label_height, count ) if show_y_guidelines
623 count += 1
622 count += 1
624 end
623 end
625 end
624 end
626 end
625 end
627
626
628
627
629 # Draws the X axis guidelines
628 # Draws the X axis guidelines
630 def draw_x_guidelines( label_height, count )
629 def draw_x_guidelines( label_height, count )
631 if count != 0
630 if count != 0
632 @graph.add_element( "path", {
631 @graph.add_element( "path", {
633 "d" => "M#{label_height*count} 0 v#@graph_height",
632 "d" => "M#{label_height*count} 0 v#@graph_height",
634 "class" => "guideLines"
633 "class" => "guideLines"
635 })
634 })
636 end
635 end
637 end
636 end
638
637
639
638
640 # Draws the Y axis guidelines
639 # Draws the Y axis guidelines
641 def draw_y_guidelines( label_height, count )
640 def draw_y_guidelines( label_height, count )
642 if count != 0
641 if count != 0
643 @graph.add_element( "path", {
642 @graph.add_element( "path", {
644 "d" => "M0 #{@graph_height-(label_height*count)} h#@graph_width",
643 "d" => "M0 #{@graph_height-(label_height*count)} h#@graph_width",
645 "class" => "guideLines"
644 "class" => "guideLines"
646 })
645 })
647 end
646 end
648 end
647 end
649
648
650
649
651 # Draws the graph title and subtitle
650 # Draws the graph title and subtitle
652 def draw_titles
651 def draw_titles
653 if show_graph_title
652 if show_graph_title
654 @root.add_element( "text", {
653 @root.add_element( "text", {
655 "x" => (width / 2).to_s,
654 "x" => (width / 2).to_s,
656 "y" => (title_font_size).to_s,
655 "y" => (title_font_size).to_s,
657 "class" => "mainTitle"
656 "class" => "mainTitle"
658 }).text = graph_title.to_s
657 }).text = graph_title.to_s
659 end
658 end
660
659
661 if show_graph_subtitle
660 if show_graph_subtitle
662 y_subtitle = show_graph_title ?
661 y_subtitle = show_graph_title ?
663 title_font_size + 10 :
662 title_font_size + 10 :
664 subtitle_font_size
663 subtitle_font_size
665 @root.add_element("text", {
664 @root.add_element("text", {
666 "x" => (width / 2).to_s,
665 "x" => (width / 2).to_s,
667 "y" => (y_subtitle).to_s,
666 "y" => (y_subtitle).to_s,
668 "class" => "subTitle"
667 "class" => "subTitle"
669 }).text = graph_subtitle.to_s
668 }).text = graph_subtitle.to_s
670 end
669 end
671
670
672 if show_x_title
671 if show_x_title
673 y = @graph_height + @border_top + x_title_font_size
672 y = @graph_height + @border_top + x_title_font_size
674 if show_x_labels
673 if show_x_labels
675 y += x_label_font_size + 5 if stagger_x_labels
674 y += x_label_font_size + 5 if stagger_x_labels
676 y += x_label_font_size + 5
675 y += x_label_font_size + 5
677 end
676 end
678 x = width / 2
677 x = width / 2
679
678
680 @root.add_element("text", {
679 @root.add_element("text", {
681 "x" => x.to_s,
680 "x" => x.to_s,
682 "y" => y.to_s,
681 "y" => y.to_s,
683 "class" => "xAxisTitle",
682 "class" => "xAxisTitle",
684 }).text = x_title.to_s
683 }).text = x_title.to_s
685 end
684 end
686
685
687 if show_y_title
686 if show_y_title
688 x = y_title_font_size + (y_title_text_direction==:bt ? 3 : -3)
687 x = y_title_font_size + (y_title_text_direction==:bt ? 3 : -3)
689 y = height / 2
688 y = height / 2
690
689
691 text = @root.add_element("text", {
690 text = @root.add_element("text", {
692 "x" => x.to_s,
691 "x" => x.to_s,
693 "y" => y.to_s,
692 "y" => y.to_s,
694 "class" => "yAxisTitle",
693 "class" => "yAxisTitle",
695 })
694 })
696 text.text = y_title.to_s
695 text.text = y_title.to_s
697 if y_title_text_direction == :bt
696 if y_title_text_direction == :bt
698 text.attributes["transform"] = "rotate( -90, #{x}, #{y} )"
697 text.attributes["transform"] = "rotate( -90, #{x}, #{y} )"
699 else
698 else
700 text.attributes["transform"] = "rotate( 90, #{x}, #{y} )"
699 text.attributes["transform"] = "rotate( 90, #{x}, #{y} )"
701 end
700 end
702 end
701 end
703 end
702 end
704
703
705 def keys
704 def keys
706 return @data.collect{ |d| d[:title] }
705 return @data.collect{ |d| d[:title] }
707 end
706 end
708
707
709 # Draws the legend on the graph
708 # Draws the legend on the graph
710 def draw_legend
709 def draw_legend
711 if key
710 if key
712 group = @root.add_element( "g" )
711 group = @root.add_element( "g" )
713
712
714 key_count = 0
713 key_count = 0
715 for key_name in keys
714 for key_name in keys
716 y_offset = (KEY_BOX_SIZE * key_count) + (key_count * 5)
715 y_offset = (KEY_BOX_SIZE * key_count) + (key_count * 5)
717 group.add_element( "rect", {
716 group.add_element( "rect", {
718 "x" => 0.to_s,
717 "x" => 0.to_s,
719 "y" => y_offset.to_s,
718 "y" => y_offset.to_s,
720 "width" => KEY_BOX_SIZE.to_s,
719 "width" => KEY_BOX_SIZE.to_s,
721 "height" => KEY_BOX_SIZE.to_s,
720 "height" => KEY_BOX_SIZE.to_s,
722 "class" => "key#{key_count+1}"
721 "class" => "key#{key_count+1}"
723 })
722 })
724 group.add_element( "text", {
723 group.add_element( "text", {
725 "x" => (KEY_BOX_SIZE + 5).to_s,
724 "x" => (KEY_BOX_SIZE + 5).to_s,
726 "y" => (y_offset + KEY_BOX_SIZE).to_s,
725 "y" => (y_offset + KEY_BOX_SIZE).to_s,
727 "class" => "keyText"
726 "class" => "keyText"
728 }).text = key_name.to_s
727 }).text = key_name.to_s
729 key_count += 1
728 key_count += 1
730 end
729 end
731
730
732 case key_position
731 case key_position
733 when :right
732 when :right
734 x_offset = @graph_width + @border_left + 10
733 x_offset = @graph_width + @border_left + 10
735 y_offset = @border_top + 20
734 y_offset = @border_top + 20
736 when :bottom
735 when :bottom
737 x_offset = @border_left + 20
736 x_offset = @border_left + 20
738 y_offset = @border_top + @graph_height + 5
737 y_offset = @border_top + @graph_height + 5
739 if show_x_labels
738 if show_x_labels
740 max_x_label_height_px = (not rotate_x_labels) ?
739 max_x_label_height_px = (not rotate_x_labels) ?
741 x_label_font_size :
740 x_label_font_size :
742 get_x_labels.max{|a,b|
741 get_x_labels.max{|a,b|
743 a.to_s.length<=>b.to_s.length
742 a.to_s.length<=>b.to_s.length
744 }.to_s.length * x_label_font_size * 0.6
743 }.to_s.length * x_label_font_size * 0.6
745 x_label_font_size
744 x_label_font_size
746 y_offset += max_x_label_height_px
745 y_offset += max_x_label_height_px
747 y_offset += max_x_label_height_px + 5 if stagger_x_labels
746 y_offset += max_x_label_height_px + 5 if stagger_x_labels
748 end
747 end
749 y_offset += x_title_font_size + 5 if show_x_title
748 y_offset += x_title_font_size + 5 if show_x_title
750 end
749 end
751 group.attributes["transform"] = "translate(#{x_offset} #{y_offset})"
750 group.attributes["transform"] = "translate(#{x_offset} #{y_offset})"
752 end
751 end
753 end
752 end
754
753
755
754
756 private
755 private
757
756
758 def sort_multiple( arrys, lo=0, hi=arrys[0].length-1 )
757 def sort_multiple( arrys, lo=0, hi=arrys[0].length-1 )
759 if lo < hi
758 if lo < hi
760 p = partition(arrys,lo,hi)
759 p = partition(arrys,lo,hi)
761 sort_multiple(arrys, lo, p-1)
760 sort_multiple(arrys, lo, p-1)
762 sort_multiple(arrys, p+1, hi)
761 sort_multiple(arrys, p+1, hi)
763 end
762 end
764 arrys
763 arrys
765 end
764 end
766
765
767 def partition( arrys, lo, hi )
766 def partition( arrys, lo, hi )
768 p = arrys[0][lo]
767 p = arrys[0][lo]
769 l = lo
768 l = lo
770 z = lo+1
769 z = lo+1
771 while z <= hi
770 while z <= hi
772 if arrys[0][z] < p
771 if arrys[0][z] < p
773 l += 1
772 l += 1
774 arrys.each { |arry| arry[z], arry[l] = arry[l], arry[z] }
773 arrys.each { |arry| arry[z], arry[l] = arry[l], arry[z] }
775 end
774 end
776 z += 1
775 z += 1
777 end
776 end
778 arrys.each { |arry| arry[lo], arry[l] = arry[l], arry[lo] }
777 arrys.each { |arry| arry[lo], arry[l] = arry[l], arry[lo] }
779 l
778 l
780 end
779 end
781
780
782 def style
781 def style
783 if no_css
782 if no_css
784 styles = parse_css
783 styles = parse_css
785 @root.elements.each("//*[@class]") { |el|
784 @root.elements.each("//*[@class]") { |el|
786 cl = el.attributes["class"]
785 cl = el.attributes["class"]
787 style = styles[cl]
786 style = styles[cl]
788 style += el.attributes["style"] if el.attributes["style"]
787 style += el.attributes["style"] if el.attributes["style"]
789 el.attributes["style"] = style
788 el.attributes["style"] = style
790 }
789 }
791 end
790 end
792 end
791 end
793
792
794 def parse_css
793 def parse_css
795 css = get_style
794 css = get_style
796 rv = {}
795 rv = {}
797 while css =~ /^(\.(\w+)(?:\s*,\s*\.\w+)*)\s*\{/m
796 while css =~ /^(\.(\w+)(?:\s*,\s*\.\w+)*)\s*\{/m
798 names_orig = names = $1
797 names_orig = names = $1
799 css = $'
798 css = $'
800 css =~ /([^}]+)\}/m
799 css =~ /([^}]+)\}/m
801 content = $1
800 content = $1
802 css = $'
801 css = $'
803
802
804 nms = []
803 nms = []
805 while names =~ /^\s*,?\s*\.(\w+)/
804 while names =~ /^\s*,?\s*\.(\w+)/
806 nms << $1
805 nms << $1
807 names = $'
806 names = $'
808 end
807 end
809
808
810 content = content.tr( "\n\t", " ")
809 content = content.tr( "\n\t", " ")
811 for name in nms
810 for name in nms
812 current = rv[name]
811 current = rv[name]
813 current = current ? current+"; "+content : content
812 current = current ? current+"; "+content : content
814 rv[name] = current.strip.squeeze(" ")
813 rv[name] = current.strip.squeeze(" ")
815 end
814 end
816 end
815 end
817 return rv
816 return rv
818 end
817 end
819
818
820
819
821 # Override and place code to add defs here
820 # Override and place code to add defs here
822 def add_defs defs
821 def add_defs defs
823 end
822 end
824
823
825
824
826 def start_svg
825 def start_svg
827 # Base document
826 # Base document
828 @doc = Document.new
827 @doc = Document.new
829 @doc << XMLDecl.new
828 @doc << XMLDecl.new
830 @doc << DocType.new( %q{svg PUBLIC "-//W3C//DTD SVG 1.0//EN" } +
829 @doc << DocType.new( %q{svg PUBLIC "-//W3C//DTD SVG 1.0//EN" } +
831 %q{"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd"} )
830 %q{"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd"} )
832 if style_sheet && style_sheet != ''
831 if style_sheet && style_sheet != ''
833 @doc << Instruction.new( "xml-stylesheet",
832 @doc << Instruction.new( "xml-stylesheet",
834 %Q{href="#{style_sheet}" type="text/css"} )
833 %Q{href="#{style_sheet}" type="text/css"} )
835 end
834 end
836 @root = @doc.add_element( "svg", {
835 @root = @doc.add_element( "svg", {
837 "width" => width.to_s,
836 "width" => width.to_s,
838 "height" => height.to_s,
837 "height" => height.to_s,
839 "viewBox" => "0 0 #{width} #{height}",
838 "viewBox" => "0 0 #{width} #{height}",
840 "xmlns" => "http://www.w3.org/2000/svg",
839 "xmlns" => "http://www.w3.org/2000/svg",
841 "xmlns:xlink" => "http://www.w3.org/1999/xlink",
840 "xmlns:xlink" => "http://www.w3.org/1999/xlink",
842 "xmlns:a3" => "http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/",
841 "xmlns:a3" => "http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/",
843 "a3:scriptImplementation" => "Adobe"
842 "a3:scriptImplementation" => "Adobe"
844 })
843 })
845 @root << Comment.new( " "+"\\"*66 )
844 @root << Comment.new( " "+"\\"*66 )
846 @root << Comment.new( " Created with SVG::Graph " )
845 @root << Comment.new( " Created with SVG::Graph " )
847 @root << Comment.new( " SVG::Graph by Sean E. Russell " )
846 @root << Comment.new( " SVG::Graph by Sean E. Russell " )
848 @root << Comment.new( " Losely based on SVG::TT::Graph for Perl by"+
847 @root << Comment.new( " Losely based on SVG::TT::Graph for Perl by"+
849 " Leo Lapworth & Stephan Morgan " )
848 " Leo Lapworth & Stephan Morgan " )
850 @root << Comment.new( " "+"/"*66 )
849 @root << Comment.new( " "+"/"*66 )
851
850
852 defs = @root.add_element( "defs" )
851 defs = @root.add_element( "defs" )
853 add_defs defs
852 add_defs defs
854 if not(style_sheet && style_sheet != '') and !no_css
853 if not(style_sheet && style_sheet != '') and !no_css
855 @root << Comment.new(" include default stylesheet if none specified ")
854 @root << Comment.new(" include default stylesheet if none specified ")
856 style = defs.add_element( "style", {"type"=>"text/css"} )
855 style = defs.add_element( "style", {"type"=>"text/css"} )
857 style << CData.new( get_style )
856 style << CData.new( get_style )
858 end
857 end
859
858
860 @root << Comment.new( "SVG Background" )
859 @root << Comment.new( "SVG Background" )
861 @root.add_element( "rect", {
860 @root.add_element( "rect", {
862 "width" => width.to_s,
861 "width" => width.to_s,
863 "height" => height.to_s,
862 "height" => height.to_s,
864 "x" => "0",
863 "x" => "0",
865 "y" => "0",
864 "y" => "0",
866 "class" => "svgBackground"
865 "class" => "svgBackground"
867 })
866 })
868 end
867 end
869
868
870
869
871 def calculate_graph_dimensions
870 def calculate_graph_dimensions
872 calculate_left_margin
871 calculate_left_margin
873 calculate_right_margin
872 calculate_right_margin
874 calculate_bottom_margin
873 calculate_bottom_margin
875 calculate_top_margin
874 calculate_top_margin
876 @graph_width = width - @border_left - @border_right
875 @graph_width = width - @border_left - @border_right
877 @graph_height = height - @border_top - @border_bottom
876 @graph_height = height - @border_top - @border_bottom
878 end
877 end
879
878
880 def get_style
879 def get_style
881 return <<EOL
880 return <<EOL
882 /* Copy from here for external style sheet */
881 /* Copy from here for external style sheet */
883 .svgBackground{
882 .svgBackground{
884 fill:#ffffff;
883 fill:#ffffff;
885 }
884 }
886 .graphBackground{
885 .graphBackground{
887 fill:#f0f0f0;
886 fill:#f0f0f0;
888 }
887 }
889
888
890 /* graphs titles */
889 /* graphs titles */
891 .mainTitle{
890 .mainTitle{
892 text-anchor: middle;
891 text-anchor: middle;
893 fill: #000000;
892 fill: #000000;
894 font-size: #{title_font_size}px;
893 font-size: #{title_font_size}px;
895 font-family: "Arial", sans-serif;
894 font-family: "Arial", sans-serif;
896 font-weight: normal;
895 font-weight: normal;
897 }
896 }
898 .subTitle{
897 .subTitle{
899 text-anchor: middle;
898 text-anchor: middle;
900 fill: #999999;
899 fill: #999999;
901 font-size: #{subtitle_font_size}px;
900 font-size: #{subtitle_font_size}px;
902 font-family: "Arial", sans-serif;
901 font-family: "Arial", sans-serif;
903 font-weight: normal;
902 font-weight: normal;
904 }
903 }
905
904
906 .axis{
905 .axis{
907 stroke: #000000;
906 stroke: #000000;
908 stroke-width: 1px;
907 stroke-width: 1px;
909 }
908 }
910
909
911 .guideLines{
910 .guideLines{
912 stroke: #666666;
911 stroke: #666666;
913 stroke-width: 1px;
912 stroke-width: 1px;
914 stroke-dasharray: 5 5;
913 stroke-dasharray: 5 5;
915 }
914 }
916
915
917 .xAxisLabels{
916 .xAxisLabels{
918 text-anchor: middle;
917 text-anchor: middle;
919 fill: #000000;
918 fill: #000000;
920 font-size: #{x_label_font_size}px;
919 font-size: #{x_label_font_size}px;
921 font-family: "Arial", sans-serif;
920 font-family: "Arial", sans-serif;
922 font-weight: normal;
921 font-weight: normal;
923 }
922 }
924
923
925 .yAxisLabels{
924 .yAxisLabels{
926 text-anchor: end;
925 text-anchor: end;
927 fill: #000000;
926 fill: #000000;
928 font-size: #{y_label_font_size}px;
927 font-size: #{y_label_font_size}px;
929 font-family: "Arial", sans-serif;
928 font-family: "Arial", sans-serif;
930 font-weight: normal;
929 font-weight: normal;
931 }
930 }
932
931
933 .xAxisTitle{
932 .xAxisTitle{
934 text-anchor: middle;
933 text-anchor: middle;
935 fill: #ff0000;
934 fill: #ff0000;
936 font-size: #{x_title_font_size}px;
935 font-size: #{x_title_font_size}px;
937 font-family: "Arial", sans-serif;
936 font-family: "Arial", sans-serif;
938 font-weight: normal;
937 font-weight: normal;
939 }
938 }
940
939
941 .yAxisTitle{
940 .yAxisTitle{
942 fill: #ff0000;
941 fill: #ff0000;
943 text-anchor: middle;
942 text-anchor: middle;
944 font-size: #{y_title_font_size}px;
943 font-size: #{y_title_font_size}px;
945 font-family: "Arial", sans-serif;
944 font-family: "Arial", sans-serif;
946 font-weight: normal;
945 font-weight: normal;
947 }
946 }
948
947
949 .dataPointLabel{
948 .dataPointLabel{
950 fill: #000000;
949 fill: #000000;
951 text-anchor:middle;
950 text-anchor:middle;
952 font-size: 10px;
951 font-size: 10px;
953 font-family: "Arial", sans-serif;
952 font-family: "Arial", sans-serif;
954 font-weight: normal;
953 font-weight: normal;
955 }
954 }
956
955
957 .staggerGuideLine{
956 .staggerGuideLine{
958 fill: none;
957 fill: none;
959 stroke: #000000;
958 stroke: #000000;
960 stroke-width: 0.5px;
959 stroke-width: 0.5px;
961 }
960 }
962
961
963 #{get_css}
962 #{get_css}
964
963
965 .keyText{
964 .keyText{
966 fill: #000000;
965 fill: #000000;
967 text-anchor:start;
966 text-anchor:start;
968 font-size: #{key_font_size}px;
967 font-size: #{key_font_size}px;
969 font-family: "Arial", sans-serif;
968 font-family: "Arial", sans-serif;
970 font-weight: normal;
969 font-weight: normal;
971 }
970 }
972 /* End copy for external style sheet */
971 /* End copy for external style sheet */
973 EOL
972 EOL
974 end
973 end
975
974
976 end
975 end
977 end
976 end
978 end
977 end
General Comments 0
You need to be logged in to leave comments. Login now