Graph and Chart Software Documentation

Adding a Graph to a Web Page

Dynamic Graphs are added to a page with the standard HTML IMG tag. However the 'src' element, instead of being set to reference an actual image file, is set to reference the graphing software. The img tag is of the following format for all chart styles:-

Also see - Sample IMG tags for each Graph type

Graph Image Tag Format


The width and height settings operate as normal and tell the browser what size the graph will be.

For example if we require a Vertical Bar Graph in a page where the data is supplied by a script ./data/vbardata.php and the config settings are in a file called vbarconfig.txt then the following img tag would be added to the page:-

Vertical Bar Graph Example Image Tag

Notice that here that full URL paths have been supplied for all files. Relative URLs can be also be used, however the paths will be relative to the ./jpowered/graph/ directory and not the dir of the page. With relative URLs the above img tag would become:-

Relative URL Example Image Tag

How the Graph is Produced - The Process

When a page containing a graphing img is loaded the following will occur:-

Although the above process may seem complex, the processing time is very short and it is 100% cross browser compliant. Typically the time it takes to generate and display the graph is about the same as displaying a static image of equal size.

Sample IMG tags for each Graph type »



Demo Index

Troubleshooting Guide


Documentation Contents

Adding Graphs to Web Pages

Configuration Options and Parameters

Supplying the Graph with Data

Sample Image Tags

Database Connections

Database Information method

Custom Data Function

Installation Help

Upgrade PHP

Upgrade GD

Log File

Allow URL Fopen