php-gtk2 Cookbook: How to draw a simple bar graph using GD2?

Google's CSE Search

Latest Comments

How to debug PHP codes in Dire...
	today @ 02:00
	kksou: Hi, DirectPHP is a content plugin. As the name suggests, it's for use ONLY withi...
Include Content Item Module
	today @ 01:51
	kksou: Hi Lucy, Have just emailed you. Please let me know if you didn't receive it. Reg...
Include Content Item Module
	today @ 00:05
	lucy: Hello kksou, please send me the Include Content Item Module 2.5 version too. Reg...
How to debug PHP codes in Dire...
	May 22 @ 09:49
	labiere: Installed DirectPHP version 2.5 as I run Joomla 2.5 with K2 and Gantry framework...
googleMaps plugin
	May 21 @ 02:33
	kksou: Hi, You need to look into joomla.org and download a plugin that can allow you to...
googleMaps plugin
	May 20 @ 23:55
	Panos: Hi!! Very nice work and thanks for this!! I have one question: How can I align t...
googleMaps plugin
	May 19 @ 19:08
	kksou: Hi Luis, All Joomla plugins are using the google maps API. Naturally the API ver...
googleMaps plugin
	May 19 @ 15:56
	Luis lobo: Hi, first of all, congratulations on a great plugin!! I am having trouble with a...
DirectPHP plugin
	May 18 @ 02:25
	Jose1974: Fantastic job!!! And only 4Kb!!! Incredible, fantistic, no words, congratulation...
How to display multiple marker...
	May 17 @ 22:04
	Rk: I have another example http://www.etechpulse.com/2013/05/how-to-show-google-map-...

Twitter News

Twitter News (total 20)

PHP-GTK2 eBooks

Main Menu

Home

Sample Codes

List all sample codes

Browse all sample codes

RSS Feed (PHP-GTK2)

Joomla Samples Menu

Links

Kenneth Chen's Blog
Restaurants Review
Powerpoint Resources

PHP-GTK2 Newsletter

PHP-GTK2 Tips & Techniques
FREE Newsletter
by kksou

Your privacy is respected.

Sample Code 232: How to draw a simple bar graph using GD2?

Written by kksou

Tuesday, 15 May 2007

Problem

You would like to draw a simple bar graph from a set of data as shown below:

How to draw a simple bar graph using GD2?

Solution

We can draw a simple bar graph using the GD2 library. For those of you who are not familiar with GD2, please refer to the PHP documentation at: http://www.php.net/gd

To run the following example, make sure you php-gtk2 is compiled with GD2 library.

Note: The Gnope Installer version DOES NOT support GD2. Please download the latest php-gtk2 binary from the official PHP-GTK site as outlined in the article How to install php gtk2 on windows?

Sample Code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43

<?php
$window = new GtkWindow();
$window->set_title($argv[0]);
$window->connect_simple('destroy', array('Gtk','main_quit'));
$window->add($vbox = new GtkVBox());

// display title
$title = new GtkLabel("Draw a simple Bar Graph");
$title->modify_font(new PangoFontDescription("Times New Roman Italic 10"));
$title->modify_fg(Gtk::STATE_NORMAL, GdkColor::parse("#0000ff"));
$title->set_size_request(-1, 40);
$title->set_justify(Gtk::JUSTIFY_CENTER);
$alignment = new GtkAlignment(0.5, 0, 0, 0);
$alignment->add($title);
$vbox->pack_start($alignment, 0, 0);
$vbox->pack_start(new GtkLabel(), 0, 0);

draw_bargraph($vbox); // note 1

$window->show_all();
Gtk::main();

function draw_bargraph($vbox) {
    $data = array('120','160','300','240');
    $im = imagecreate(360, 200);

    $white = imagecolorallocate($im,255,255,255);
    $black = imagecolorallocate($im,0,0,0);
    $blue = imagecolorallocate($im,0,0,255);
    //
    // create background box
    //imagerectangle($im, 1, 1, 319, 239, $black);
    //draw X, Y Co-Ordinate
    imageline($im, 10, 5, 10, 180, $black );
    imageline($im, 10, 180, 340, 180, $black );
    imagestring($im,6,100,25,"Simple Bar Graph", $black);

    // what next draw the bars
    $x = 30;
    $y = 180;
    $w = 40;
    // get into some meat now, cheese for vegetarians;
    for ($i=0;$i<count($data);$i++){

Note that this is only 70% of the sample code. You have to be a registered member to see the entire sample code. Please login or register.
Registration is free and immediate.
Have some doubt about the registration? Please read this forum article.

Explanation

Draw the bar graph using GD2.
Load the graph into GdkPixbuf.
Create a new GtkImage from the pixbuf.
Resize the GtkImage so that the entire bar graph is displayed.

Add comment

JComments

< Prev		Next >

[ Back ]