SVGGraph Horizontal Bar Graphs

« Return to SVGGraph page

Skip to:

• General options
• Grid-based graph options
• Horizontal bar graph options

SVGGraph currently contains these classes for drawing horizontal bar graphs: HorizontalBarGraph; HorizontalStackedBarGraph; HorizontalGroupedBarGraph; PopulationPyramid. An example of each type is shown below.

There are also HorizontalBar3DGraph, HorizontalStackedBar3DGraph and HorizontalGroupedBar3DGraph classes:

Example code

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

<?php
require_once 'SVGGraph/autoloader.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',
  'minimum_grid_spacing' => 20
);

$values = array(
 array('Dough' => 30, 'Ray' => 50, 'Me' => 40, 'So' => 25, 'Far' => 45, 'Lard' => 35),
 array('Dough' => 20, 'Ray' => 30, 'Me' => 20, 'So' => 15, 'Far' => 25, 'Lard' => 35,
  'Tea' => 45)
);

$colours = array(
  array('red','yellow'), array('blue','white')
);
$links = array(
  'Dough' => 'jpegsaver.php', 'Ray' => 'crcdropper.php',
  'Me' => 'svggraph.php'
);
 
$graph = new Goat1000\SVGGraph\SVGGraph(300, 200, $settings);
$graph->colours($colours);
$graph->values($values);
$graph->links($links);
$graph->render('HorizontalBarGraph');

If you have already looked at the bar graph page, this code should be familiar - the only change is 'HorizontalBarGraph' in the call to $graph->render. (I have also removed the 'project_angle' option, since that is only used by the vertical 3D bar graph.)

Change 'HorizontalBarGraph' to one of the other class names to draw that type instead.

The PopulationPyramid class

The population pyramid (also known as an “age pyramid” or “age picture diagram”) is a modified version of the horizontal stacked bar graph. Instead of the values in each dataset stacking from the axis at the left of the graph, the axis is in the centre and datasets alternate from left to right of the axis, stacking outwards.

The population pyramid in the example at the top of the page is using some realistic census data instead of the contrived values used for the other graphs.

Settings

These options are common to all graph types.

This table lists the options that are common to all the grid-based graph types - the options for grid spacing, axis labelling, etc.

These options are used by the horizontal bar graphs (the vertical bar graphs support these options too). Note: bar_label_* options have been superseded by data_label_* options in version 2.18. See the data labels page for details.

• ^[1]For HorizontalGroupedBarGraph, bar_space is the space between groups of bars.
• ^[2]Only used for HorizontalGroupedBarGraph.
• ^[3]Only used for HorizontalStackedBarGraph and PopulationPyramid.
• ^[4]Added in version 2.18 to control new data_label-based labels. When not set, options for data labels are used.

« Back to top of page Line graphs »

Copyright © 2022, Goat 1000