- GraidleChart contains a free PHP graphing class that creates and displays several types of graphical diagrams: vertical or horizontal bar, line, spider, or pie graphs for incorporation into a website or application.
You must create an array (or several arrays) of numeric values (data points), and optional, another array with names /numbers for the other axis, in the same order to be associated with the values from the first array. Then you can use graidle class to generate a PNG chart of your data.
GraidleChart can auto adjust the scale and axis of the graph with positive and /or negative numbers.
- Download GraidleChart.
- A Newer PHP library for creating graph and plots in php it is to this page:
http://coursesweb.net/php-mysql/jpgraph-graph-charts-plots-php
Examples:
1. Simple vertical bars that show the number of points of five names.
<?php
include('graidlechart/graidle.php');

// array with data points for each name
$data = array('N_1'=>12, 'N_2'=>23.5, 'N_3'=>8, 'N_4'=>9.8, 'N_5'=>21);

// set 2 numeric arrays, one with names (for x-axis), another with the points (y-axis)
$names = array_keys($data);
$points = array_values($data);

// create object of graidle class (define Title)
$graph = new graidle('Number of points');
$graph->setColor('#a7b8ed');
$graph -> setValue($points,'b');      // set series values, type of graph (b=bar)

$graph -> setSecondaryAxis(1,0);          // display secondary x-axis grid
$graph -> setWidth(300);                  // graphic chart width
$graph -> setHeight(180);                 // graphic chart height
$graph -> setXValue($names);              // add the names to x-axis
$graph->setDivision(10);                  // set division on scale axis
$graph->setBgCl('#efefef');               // background color
$graph -> setExtLegend();                 // to show values to each bar

$graph -> create();                       // create chart
$graph -> carry();                        // outputs the graph

/*
 To save the chart, use carry2file() method, with: 'dir_name', 'file_name' (without extension)
 Ex.: save "graphic_chart_1.png" in directory "charts/"
       $graph->carry2file('charts/', 'graphic_chart_1');
*/
?>

Result:
Graphic Chart simple bar

2. Graphic chart with two lines that show the progress of the accesses, and visitors number in a week.
<?php
include('graidlechart/graidle.php');

// array with number of accesses, and visitors in a week
$acc = array(1200, 1558, 1678, 1500, 1625, 1480, 998);
$vis = array(310, 288, 350, 305, 455, 282, 255);        

// create object of graidle class (define Title)
$graph = new graidle('Accesses & Visitors');
$graph->setColor('#a7b8ed');
$graph -> setValue($acc,'l', 'Accesses');      // set line (l=line) for accesses (adding with legend)
$graph -> setValue($vis,'l', 'Visitors');      // set line for visitors

$graph -> setSecondaryAxis(1,0);          // display secondary x-axis grid
$graph -> setWidth(450);                  // graphic chart width
$graph -> setHeight(180);                 // graphic chart height
$graph->setBgCl('#fefeff');               // background color

$graph -> create();                       // create chart
$graph -> carry();                        // outputs the graph
?>

Result:
Graphic Chart Line

3. Pie graphic chart that represents the number of tourist, by countries.
<?php
include('graidlechart/graidle.php');

// array with number of tourists, by countries
$data = array('USA'=>5500, 'Brazil'=>3000, 'France'=>2800, 'Spain'=>3700, 'Italy'=>1400);        

// set 2 numeric arrays, one with countries (for legend), another with tourists number
$cnt = array_keys($data);
$tor = array_values($data);

// create object of graidle class (define Title)
$graph = new graidle('Representation tourists 2012');
$graph->setColor('#a7b8ed');
$graph -> setValue($tor,'p');      // set pie chart (p=pie)

$graph -> setLegend($cnt);             // to add a legend
$graph -> setExtLegend(2);             // to display percentage, and numbers
$graph -> setWidth(420);               // graphic chart width

$graph -> create();                       // create chart
$graph -> carry();                        // outputs the graph
?>

Result:
Pie Graphic Chart

- More examples, and documentation you can find in the archive with GraidleChart.
graidle Web Site.

Daily Test with Code Example

HTML
CSS
JavaScript
PHP-MySQL
Which tag adds a new line into a paragraph?
<b> <br> <p>
First line ...<br>
Other line...
Which CSS property can be used to add space between letters?
text-size word-spacing letter-spacing
#id {
  letter-spacing: 2px;
}
What JavaScript function can be used to get access to HTML element with a specified ID?
getElementById() getElementsByTagName() createElement()
var elm = document.getElementById("theID");
var content = elm.innerHTML;
alert(content);
Click on the "echo" correct instruction.
echo "CoursesWeb.net" echo "CoursesWeb.net"; echo ""CoursesWeb.net";
echo "Address URL: http://CoursesWeb.net";
GraidleChart Create Graphic Charts

Last accessed pages

  1. Add Pause in JavaScript script (6765)
  2. Mahjong Gardens (6531)
  3. Zoo Amigos (5853)
  4. Check and Validate input field when loses focus, with PHP via Ajax (3662)
  5. Insert, Select and Update NULL value in MySQL (16202)

Popular pages this month

  1. Qwop (4646)
  2. Bubbles3 (3751)
  3. Butterfly Kyodai (3119)
  4. Drag Racer V3 (3078)
  5. Zuma Deluxe (2224)