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
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:-
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:-
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.