--- loncom/cgi/graph.png 2003/01/08 03:31:54 1.17 +++ loncom/cgi/graph.png 2003/10/27 21:21:08 1.29 @@ -1,6 +1,6 @@ #!/usr/bin/perl # -# $Id: graph.png,v 1.17 2003/01/08 03:31:54 minaeibi Exp $ +# $Id: graph.png,v 1.29 2003/10/27 21:21:08 matthew Exp $ # # Copyright Michigan State University Board of Trustees # @@ -25,93 +25,198 @@ # http://www.lon-capa.org/ # # The LearningOnline Network with CAPA -# Behrouz Minaei -# YEAR=2001 -# 9/13/01, 9/25/01, 10/6/01, 10/9/01, 12/25/01 -# YEAR=2002 -# 2/1/, 5/13, 5/15 -# YEAR=2003 -# 1/7/ +# # A CGI script that dynamically outputs a graphical chart for lonstatistics. # #### +=pod + +=head1 NAME + +graph.png + +=head1 SYNOPSIS + +produces plots based on input + +=head1 DESCRIPTION + +graph.png is a cgi-bin script which produces plots based on input data. + +The query string is expected to be as follows (without whitespace): + +escape(Plot title) & escape(X label)& escape(Y label) & Maximum Y value & +Number of bars & $data1 & $data2 + +$data1 and $data2 are expected to be comma seperated lists of numbers. +escape( value ) means the values must be run through lonnet::escape. + +=cut + use strict; +use lib '/home/httpd/lib/perl'; use GD::Graph::bars; +use GD::Graph::lines; use GD::Graph::colour; use GD::Graph::Data; +use LONCAPA::loncgi(); -$|=1; # Autoflush after each print/write -my ($Titr,$xlab,$ylab,$Max,$PNo,$data1,$data2)=split(/&/,$ENV{'QUERY_STRING'}); +sub unescape { + my $str=shift; + $str =~ s/%([a-fA-F0-9][a-fA-F0-9])/pack("C",hex($1))/eg; + return $str; +} -my @data11=split(/\,/,$data1); -my @data12=split(/\,/,$data2); +sub error { + my ($error) = @_; + my $Str = <<"END"; +Content-type: text/html + + +Bad Graph + +

+There was an error producing the graph you requested. +

+$error +

+ + +END + return $Str; +} -my @xlabels; +my $id = $ENV{'QUERY_STRING'}; -if ($xlab=~/^Percentage$/){ - for (my $nIdx=0; $nIdx<$PNo; $nIdx++ ) { - $xlabels[$nIdx]=$data11[$nIdx]; - } - @data11=(); - @data11=split(/\,/,$data2); - @data12=(); +# +# &get_env($name,$default) +sub get_env { + my $key = 'cgi.'.$id.'.'.(shift()); + return shift if (! exists($ENV{$key})); + return $ENV{$key}; +} + +if (! &LONCAPA::loncgi::check_cookie_and_load_env()) { + print < +Bad Cookie + +Your cookie information is incorrect. + + +END + exit; +} + +$|=1; # Autoflush after each print/write + +my $colordefaults = join(',', + ('#33ff00', + '#0033cc','#990000','#aaaa66','#663399','#ff9933', + '#66ccff','#ff9999','#cccc33','#660000','#33cc66', + )); + +my $height = &get_env('height',300); +my $width = &get_env('width', 400); +my $PlotType = &get_env('PlotType','bar'); + +my %GraphSettings = ( + title => &unescape(&get_env('title','')), + x_label => &unescape(&get_env('xlabel','')), + y_label => &unescape(&get_env('ylabel','')), + x_label_position => 0.5, + dclrs => [split(',',&get_env('Colors', + $colordefaults))], + fgclr => 'black', + boxclr => 'white', + accentclr => 'dblue', + valuesclr => '#ffff77', + l_margin => 10, + b_margin => 10, + r_margin => 10, + t_margin => 10, + transparent => 0, + ); + +$GraphSettings{'x_label_skip'} = &get_env('xskip',1); +$GraphSettings{'x_tick_offset'} = &get_env('x_tick_offset',0); +$GraphSettings{'y_max_value'} = &get_env('Max',undef); + +my $MyGraph; +if ($PlotType eq 'bar') { + # Pick up bar graph settings + $GraphSettings{'bar_width'} = &get_env('bar_width',undef); + $GraphSettings{'long_ticks'} = 1; + $GraphSettings{'tick_length'} = 0; + $GraphSettings{'x_ticks'} = 0; + $GraphSettings{'cumulate'} = 2; + $GraphSettings{'zero_axis'} = 1; } else { - for (my $nIdx=0; $nIdx<$PNo; $nIdx++ ) { - $xlabels[$nIdx]=$nIdx+1; - } -} - -my @data =(\@xlabels,\@data11,\@data12); - -my $Range1; -my $Range2; - -if ($xlab=~/^Concepts$/){ - $Range1=270; - $Range2=200; -} elsif ($xlab=~/^Percentage$/){ - $Range1=250+20*$PNo; - $Range2=200; + # + # X label skip setup + my $skip_x = &get_env('xskip',1); + my $x_tick_offset = &get_env('x_tick_offset',$skip_x-1); + my $zero_axis = &get_env('zero_axis',1); + # + # Fill up %GraphSettings + $GraphSettings{'long_ticks'} = 1; + $GraphSettings{'tick_length'} = 0; + $GraphSettings{'x_ticks'} = &get_env('x_ticks',0),; + $GraphSettings{'x_label_skip'} = $skip_x; + $GraphSettings{'x_tick_offset'} = $x_tick_offset; + $GraphSettings{'zero_axis'} = 1; +} +# +# Pick up miscellanious values passed in by the user +# +# Create the plot and check it out +if ($PlotType eq 'bar') { + $MyGraph = GD::Graph::bars->new($width,$height); } else { - $Range1=450; - $Range2=200; + $MyGraph = GD::Graph::lines->new($width,$height); +} +if (! defined($MyGraph)) { + print &error('Unable to create initial graph'); + return; } +## +## Build the @Data array +my $NumSets = &get_env('NumSets'); +my @Data; # stores the data for the graph +my @xlabels = split(',',&get_env('labels')); +push(@Data,\@xlabels); +for (my $i=1;$i<=$NumSets;$i++) { + push(@Data,[split(',',&get_env('data.'.$i))]); +} -my $MyGraph = GD::Graph::bars->new($Range1,$Range2); - -$MyGraph->set( - x_label => $xlab, - y_label => $ylab, - long_ticks => 1, - tick_length => 0, - x_ticks => 0, - title => $Titr, - y_max_value => $Max, -# y_tick_number => $ytic, - y_label_skip => 1, - - dclrs => [ qw( lgreen dgreen lyellow lpurple cyan lorange)], - - bar_spacing => 10, - cumulate => 2, - zero_axis => 1, - -# legend_placement => 'RT', - - fgclr => 'black', - boxclr => 'white', - accentclr => 'dblue', - valuesclr => '#ffff77', - l_margin => 10, - b_margin => 10, - r_margin => 10, - t_margin => 10, +my $error = ''; +if (! $MyGraph->set(%GraphSettings)) { + print &error($MyGraph->error); + return; +} - transparent => 0, -) or warn $MyGraph->error; +my $plot = $MyGraph->plot(\@Data); +if (! defined($plot)) { + my $error = 'Unable to plot the data provided.'; + $error .= '
'.join(',',@{$Data[0]}).'
'; + $error .= '
'.join(',',@{$Data[1]}).'
'; + $error .= '
'.join(',',@{$Data[2]}).'
'; + print &error($error); + exit; +} +my $BinaryData=$plot->png; +undef($MyGraph); +undef($plot); + +if (! defined($BinaryData)) { + print &error('Unable to render graph as image'); + exit; +} # Tell the server we are sending a png graphic print <plot(\@data)->png; -undef $MyGraph; binmode(STDOUT); #open IMG,"|pngtopnm|ppmtogif 2>/dev/null"; # convert into a gif image #print IMG $BinaryData; # output image