Sample Image Tags for Different Graph Styles

Dynamic Graphs are added to a page with the standard HTML IMG tag. The 'src' element is set to reference the graphing software. The following show the format of the IMG tag for each chart style.

[URLtoDATASOURCE] - should be the URL link to the data source. The datasource can a file, a script or a database.
[URLtoCONFIG] - this is the URL link to the configuration settings file.

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

The table below show the format of the IMG tag for each chart style.

« back to Adding Graphs to Web Pages

Chart Style	Script	Sample IMG Tag
Area Graph	area-graph.php	<img src="http://www.domain.com/jpowered/graph/area-graph.php? data=[URLtoDATASOURCE]& config=[URLtoCONFIG]" width="500" height="400" />
Bubble Chart	bubble-chart.php	<img src="http://www.domain.com/jpowered/graph/bubble-chart.php? data=[URLtoDATASOURCE]& config=[URLtoCONFIG]" width="500" height="400" />
Combination Area and Stacked Vertical Bar Graph	area-stacked-vertical-bar-graph.php	<img src="http://www.domain.com/jpowered/graph/area-stacked-vertical-bar-graph.php? data=[URLtoDATASOURCE]& config=[URLtoCONFIG]" width="500" height="400" />
Combination Area and Vertical Bar Graph	area-vertical-bar-graph.php	<img src="http://www.domain.com/jpowered/graph/area-vertical-bar-graph.php? data=[URLtoDATASOURCE]& config=[URLtoCONFIG]" width="500" height="400" />
Horizontal Bar Graph	horizontal-bar-graph.php	<img src="http://www.domain.com/jpowered/graph/horizontal-bar-graph.php? data=[URLtoDATASOURCE]& config=[URLtoCONFIG]" width="500" height="400" />
Horizontal Cylinder Graph	horizontal-cylinder-graph.php	<img src="http://www.domain.com/jpowered/graph/horizontal-cylinder-graph.php? data=[URLtoDATASOURCE]& config=[URLtoCONFIG]" width="500" height="400" />
Line Graph	line-graph.php	<img src="http://www.domain.com/jpowered/graph/line-graph.php? data=[URLtoDATASOURCE]& config=[URLtoCONFIG]" width="500" height="400" />
Line and Stacked Vertical Bar Graph	line-stacked-vertical-bar-graph.php	<img src="http://www.domain.com/jpowered/graph/line-stacked-vertical-bar-graph.php? data=[URLtoDATASOURCE]& config=[URLtoCONFIG]" width="500" height="400" />
Line and Vertical Bar Graph	line-vertical-bar-graph.php	<img src="http://www.domain.com/jpowered/graph/line-vertical-bar-graph.php? data=[URLtoDATASOURCE]& config=[URLtoCONFIG]" width="500" height="400" />
Pie Chart	pie-chart.php	<img src="http://www.domain.com/jpowered/graph/pie-chart.php? data=[URLtoDATASOURCE]& config=[URLtoCONFIG]" width="500" height="400" />
Stacked Horizontal Bar Graph	stacked-horizontal-bar-graph.php	<img src="http://www.domain.com/jpowered/graph/stacked-horizontal-bar-graph.php? data=[URLtoDATASOURCE]& config=[URLtoCONFIG]" width="500" height="400" />
Stacked Horizontal Cylinder Graph	stacked-horizontal-cylinder-graph.php	<img src="http://www.domain.com/jpowered/graph/stacked-horizontal-cylinder-graph.php? data=[URLtoDATASOURCE]& config=[URLtoCONFIG]" width="500" height="400" />
Stacked Vertical Bar Graph	stacked-vertical-bar-graph.php	<img src="http://www.domain.com/jpowered/graph/stacked-vertical-bar-graph.php? data=[URLtoDATASOURCE]& config=[URLtoCONFIG]" width="500" height="400" />
Stacked Vertical Cylinder Graph	stacked-vertical-cylinder-graph.php	<img src="http://www.domain.com/jpowered/graph/stacked-vertical-cylinder-graph.php? data=[URLtoDATASOURCE]& config=[URLtoCONFIG]" width="500" height="400" />
Vertical Bar Graph	vertical-bar-graph.php	<img src="http://www.yourdomain.com/jpowered/graph/vertical-bar-graph.php? data=[URLtoDATASOURCE]& config=[URLtoCONFIG]" width="500" height="400" />
Vertical Cylinder Graph	vertical-cylinder-graph.php	<img src="http://www.domain.com/jpowered/graph/vertical-cylinder-graph.php? data=[URLtoDATASOURCE]& config=[URLtoCONFIG]" width="500" height="400" />
X-Y Scatter Graph	xy-scatter-graph.php	<img src="http://www.domain.com/jpowered/graph/xy-scatter-graph.php? data=[URLtoDATASOURCE]& config=[URLtoCONFIG]" width="500" height="400" />

Package Index

Demo Index

Documentation

Troubleshooting Guide

Support

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

Advanced Graphs and Charts for PHP

Sample Image Tags for Different Graph Styles

Documentation Contents

Database Connections