SVGGraph Pie Graphs

« Return to SVGGraph page

SVGGraph currently contains these classes for drawing pie graphs: PieGraph, Pie3DGraph. An example of each type is shown below.

Example code

Here are the settings and PHP code used to generate the graphs above:

require_once('includes/SVGGraph.php');
 
$settings = array(
  'back_colour' => '#eee',  'stroke_colour' => '#000',
  'back_stroke_width' => 0, 'back_stroke_colour' => '#eee',
  'back_image' => 'images/svgbg.png',
  'axis_colour' => '#333',  'axis_overlap' => 2,
  'axis_font' => 'Georgia', 'axis_font_size' => 10,
  'grid_colour' => '#666',  'label_colour' => '#000',
  'pad_right' => 20,        'pad_left' => 20,
  'link_base' => '/',       'link_target' => '_top',
  'show_labels' => true,    'show_label_amount' => true,
  'label_font' => 'Georgia','label_font_size' => '11',
  'sort' => false
);
 
$values = array('Dough' => 30, 'Ray' => 50, 'Me' => 40, 'So' => 25, 'Far' => 45,
  'Lard' => 35);
 
$colours = array('#ccf','#699','#93c','#996','#f39','#0f3','#339');
$links = array('Dough' => 'jpegsaver.php', 'Ray' => 'crcdropper.php',
  'Me' => 'svggraph.php');
 
$graph = new SVGGraph(300, 200, $settings);
$graph->colours = $colours;
 
$graph->Values($values);
$graph->Links($links);
$graph->Render('PieGraph');

This is not the actual code used - I have adapted it to make it easier to copy and paste it into a new file to try for yourself. To change the type of graph generated, change 'PieGraph' in the final call to $graph->Render to 'Pie3DGraph' (or one of the bar or line types).

Label fading

The options to fade labels in and out when the mouse enters and leaves a pie slice have been in SVGGraph for a long time, but in version 2.5 the new event handler method makes them work a lot better. In the older version only the pie slice had the event handler, meaning that the fading would not work when the mouse was over the label. Using the new event handler, a transparent copy of the pie slice is placed on top, and this has the event handler applied to it instead.

In the example above, the label_fade_in_speed option is set to 30, and the label_fade_out_speed is set to 15. These numbers are the percentage change in opacity of the label with each time slice.

The maximum value of 100 means the label will change from 100% to 0% opacity or from 0% to 100% opacity as soon as the timer function is called - which is set to every 50ms (20 frames per second).

Settings

These options are common to all graph types:

The following table lists the other options relevant to the pie graph types:

• ^[1]Only used by Pie3DGraph.

« Back to top of page Axis and grid options »

Copyright © 2011, Goat 1000