# Advanced Graphs and Charts for PHP

- Graph Home
- Pricing / License Options
- Online Demos
- Documentation
- Tutorials

# 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

more Documentation Online here