Folder reorganize 1
This commit is contained in:
Rucus
168
OLD/overviewold/jpowered/documentation/addingGraphsToPages.htm
Normal file
168
OLD/overviewold/jpowered/documentation/addingGraphsToPages.htm
Normal file
@@ -0,0 +1,168 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
|
||||
<title>Advanced Graphs and Charts for PHP</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
||||
<link rel=STYLESHEET type="text/css" href="../images/960.css" />
|
||||
<link rel=STYLESHEET type="text/css" href="../images/jpprodstyle.css" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Title area -->
|
||||
<div class='container_12 header'>
|
||||
<div class='grid_4'>
|
||||
<a href='http://www.jpowered.com'><img style='border-width: 0px;' src='../images/jpowered.gif' width='270' height='60' align='left' alt='JPowered.com' /></a>
|
||||
</div>
|
||||
<div class='grid_8 omega product_title'>
|
||||
<h1>Advanced Graphs and Charts for PHP</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- top menu bar -->
|
||||
<div class='container_12'>
|
||||
<div class='grid_12 innm'>
|
||||
<ul>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/">Graph Home</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/buy-now.htm" title="Pricing Options and obtaining License keys">Pricing / License Options</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/demos/" title="View the Online Demos here">Online Demos</a> </li>
|
||||
<li> <a href="index.htm">Documentation</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/tutorials/" title="Online Tutorials">Tutorials</a> </li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- main content -->
|
||||
<div class='container_12 main_content'>
|
||||
|
||||
<div class='grid_8'>
|
||||
|
||||
<h1>Adding a Graph to a Web Page</h1>
|
||||
|
||||
|
||||
<p>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:-</p>
|
||||
|
||||
<p><strong>Also see</strong> - <a href="sampleImageTags.htm">Sample IMG tags for each Graph type</a></p>
|
||||
|
||||
|
||||
<h4>Graph Image Tag Format</h4>
|
||||
<textarea class="jpcodeblock" style="width: 600px;">
|
||||
<img src="http://www.yourdomain.com/jpowered/graph/[GRAPH-STYLE]?
|
||||
data=[URLtoDATASOURCE]&
|
||||
config=[URLtoCONFIG]"
|
||||
width=""
|
||||
height="" />
|
||||
</textarea>
|
||||
<p> </p>
|
||||
<ul>
|
||||
<li>[GRAPH-STYLE] - replace with the chart style (e.g. line-graph.php)</li>
|
||||
<li>[URLtoDATASOURCE] - the URL link of the data source, a file, a script or database.</li>
|
||||
<li>[URLtoCONFIG] - URL link to the configuration settings file.</li>
|
||||
</ul>
|
||||
<p>The width and height settings operate as normal and tell the browser what size the graph will be.</p>
|
||||
|
||||
<p>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:-</p>
|
||||
<h4>Vertical Bar Graph Example Image Tag</h4>
|
||||
<textarea class="jpcodeblock" style="width: 600px;">
|
||||
<img src="http://www.yourdomain.com/jpowered/graph/vertical-bar-graph.php?
|
||||
data=http://www.yourdomain.com/data/vbardata.php&
|
||||
config=http://www.yourdomain.com/vbarconfig.txt"
|
||||
width="500"
|
||||
height="400" />
|
||||
</textarea>
|
||||
|
||||
|
||||
<p>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:-</p>
|
||||
<h4>Relative URL Example Image Tag</h4>
|
||||
<textarea class="jpcodeblock" style="width: 600px;">
|
||||
<img src="http://www.yourdomain.com/jpowered/graph/vertical-bar-graph.php?
|
||||
data=../../data/vbardata.php&
|
||||
config=../../vbarconfig.txt"
|
||||
width="500"
|
||||
height="400" />
|
||||
</textarea>
|
||||
|
||||
<h4>How the Graph is Produced - The Process</h4>
|
||||
<p>When a page containing a graphing img is loaded the following will occur:-</p>
|
||||
|
||||
<ul>
|
||||
<li> - browser issues a request to the graphing software for the graph image</li>
|
||||
<li> - the graphing software will load data and configuration information</li>
|
||||
<li> - if a database call has been requested then the queries will be issued for the data</li>
|
||||
<li> - the graphing software will dynamically construct the image in memory</li>
|
||||
<li> - the graphing software will send the graph image to the browser for display</li>
|
||||
</ul>
|
||||
|
||||
<p>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.
|
||||
</p>
|
||||
|
||||
<p><a href="sampleImageTags.htm">Sample IMG tags for each Graph type »</a></p>
|
||||
|
||||
</div>
|
||||
|
||||
<div class='grid_1'> </div>
|
||||
|
||||
<div class='grid_3'>
|
||||
|
||||
|
||||
<p><a href="../index.htm">Package Index</a></p>
|
||||
<p><a href="../demo/index.htm">Demo Index</a></p>
|
||||
<p><a href="../documentation/index.htm">Documentation</a></p>
|
||||
<p><a href="../documentation/troubleShooting.htm">Troubleshooting Guide</a></p>
|
||||
<p><a href="http://www.jpowered.com/support.htm">Support</a></p>
|
||||
|
||||
|
||||
<h4>Documentation Contents</h4>
|
||||
<p><a href="../documentation/addingGraphsToPages.htm">Adding Graphs to Web Pages</a></p>
|
||||
<p><a href="../documentation/configurationOptions.htm">Configuration Options and Parameters</a></p>
|
||||
<p><a href="../documentation/graphData.htm">Supplying the Graph with Data</a></p>
|
||||
<p><a href="../documentation/sampleImageTags.htm">Sample Image Tags</a></p>
|
||||
|
||||
|
||||
<h4>Database Connections</h4>
|
||||
<p><a href="databaseInformationFile.htm">Database Information method</a></p>
|
||||
<p><a href="customDataFunction.htm">Custom Data Function</a></p>
|
||||
|
||||
<p> </p>
|
||||
<p><a href="http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/">more Documentation Online here</a></p>
|
||||
|
||||
<p> </p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class='footer'>
|
||||
|
||||
<!-- bottom menu bar -->
|
||||
<div class='container_12'>
|
||||
<div class='grid_12 innm'>
|
||||
<ul>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/">Graph Home</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/buy-now.htm" title="Pricing Options and obtaining License keys">Pricing / License Options</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/demos/" title="View the Online Demos here">Online Demos</a> </li>
|
||||
<li> <a href="../documentation/index.htm">Documentation</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/tutorials/" title="Online Tutorials">Tutorials</a> </li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- footer -->
|
||||
<div class='container_12'>
|
||||
<div class="grid_12 mc">[<a href="http://www.jpowered.com/"> JPowered.com </a>] [<a href="http://www.jpowered.com/products.htm" title="More software components for web applications"> More Products </a>] [<a href="http://www.jpowered.com/support.htm" title="For Help and Support, contact us here">Support </a>]</div>
|
||||
<div class="grid_12 cprt">Copyright © 2011 - 2014 Neutron Solutions Limited - All rights reserved.</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
172
OLD/overviewold/jpowered/documentation/colors.htm
Normal file
172
OLD/overviewold/jpowered/documentation/colors.htm
Normal file
@@ -0,0 +1,172 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
|
||||
<title>Advanced Graphs and Charts for PHP</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
||||
<link rel=STYLESHEET type="text/css" href="../images/960.css" />
|
||||
<link rel=STYLESHEET type="text/css" href="../images/jpprodstyle.css" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Title area -->
|
||||
<div class='container_12 header'>
|
||||
<div class='grid_4'>
|
||||
<a href='http://www.jpowered.com'><img style='border-width: 0px;' src='../images/jpowered.gif' width='270' height='60' align='left' alt='JPowered.com' /></a>
|
||||
</div>
|
||||
<div class='grid_8 omega product_title'>
|
||||
<h1>Advanced Graphs and Charts for PHP</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- top menu bar -->
|
||||
<div class='container_12'>
|
||||
<div class='grid_12 innm'>
|
||||
<ul>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/">Graph Home</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/buy-now.htm" title="Pricing Options and obtaining License keys">Pricing / License Options</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/demos/" title="View the Online Demos here">Online Demos</a> </li>
|
||||
<li> <a href="index.htm">Documentation</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/tutorials/" title="Online Tutorials">Tutorials</a> </li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- main content -->
|
||||
<div class='container_12 main_content'>
|
||||
|
||||
<div class='grid_8'>
|
||||
|
||||
<h1>Color Specifications</h1>
|
||||
|
||||
|
||||
<h3>Overview</h3>
|
||||
<p>Any color parameter can accept colors defined in one of two ways:-</p>
|
||||
|
||||
|
||||
|
||||
<p><b>Standard HTML Hexadecimal Color defintion</b></p>
|
||||
|
||||
|
||||
<p>The graph can accept color values in the same format as colors are defined within an HTML page. ie. in the range and format from "#000000" to "#FFFFFF".</p>
|
||||
eg.
|
||||
<p style="font-family: courier; background-color: #fff; padding: 4px;">gridbgcolor: #FFFFFF</p>
|
||||
|
||||
<p>This is a Red,Green,Blue color model where each component is defined by a 2 byte (character) Hexadecimal number. Some common values are,</p>
|
||||
<table style="font-family: courier; background-color: #fff; padding: 4px; margin: 10px;">
|
||||
<tr><td>Black - #000000</td><td>Green - #008000</td></tr>
|
||||
<tr><td>Silver - #B0B0B0</td><td>Lime - #00FF00</td></tr>
|
||||
<tr><td>Gray - #808080</td><td>Olive - #808000</td></tr>
|
||||
<tr><td>White - #FFFFFF</td><td>Yellow - #FFFF00</td></tr>
|
||||
<tr><td>Maroon - #800000</td><td>Navy - #000080</td></tr>
|
||||
<tr><td>Red - #FF0000</td><td>Blue - #0000FF</td></tr>
|
||||
<tr><td>Purple - #800080</td><td>Teal - #008080</td></tr>
|
||||
<tr><td>Fuchsia - #FF00FF</td><td>Aqua - #00FFFF</td></tr>
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
|
||||
<a name="colorname"></a><p><b>Color Name</b></p>
|
||||
|
||||
<p>The graph will also recognize all of the following color names and as such you can use these names as the value of any Color parameter.</p>
|
||||
eg.
|
||||
<p style="font-family: courier; background-color: #fff; padding: 4px;">gridbgcolor: light blue</p>
|
||||
|
||||
|
||||
Color Names recognised by the graphing software
|
||||
<table style="font-family: courier; background-color: #fff; padding: 4px; margin: 10px;">
|
||||
<tr><td>red</td><td>light red</td><td>dark red</td></tr>
|
||||
<tr><td>green</td><td>light green</td><td>dark green</td></tr>
|
||||
<tr><td>blue</td><td>light blue</td><td>dark blue</td></tr>
|
||||
<tr><td>orange</td><td>light orange</td><td>dark orange</td></tr>
|
||||
<tr><td>yellow</td><td>light yellow</td><td>dark yellow</td></tr>
|
||||
<tr><td>pink</td><td>light pink</td><td>dark pink</td></tr>
|
||||
<tr><td>purple</td><td>light purple</td><td>dark purple</td></tr>
|
||||
<tr><td>grey</td><td>light grey</td><td>dark grey</td></tr>
|
||||
<tr><td>gray</td><td>light gray</td><td>dark gray</td></tr>
|
||||
<tr><td>black</td><td></td><td></td></tr>
|
||||
<tr><td>white</td><td></td><td> </td></tr>
|
||||
<tr><td>cyan</td><td>turquoise</td><td>beige</td></tr>
|
||||
<tr><td>brown</td><td>maroon</td><td>magenta</td></tr>
|
||||
<tr><td>violet</td><td>peach</td><td>lavender</td></tr>
|
||||
<tr><td>rose</td><td>navy</td><td>royalblue</td></tr>
|
||||
<tr><td>sky blue</td><td>steel blue</td><td>sea green</td></tr>
|
||||
<tr><td>lime green</td><td>khaki</td><td>aquamarine</td></tr>
|
||||
<tr><td>gold</td><td></td><td></td></tr>
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<p><a href="configurationOptions.htm">« back to Parameter Reference</a></p>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class='grid_1'> </div>
|
||||
|
||||
<div class='grid_3'>
|
||||
|
||||
|
||||
<p><a href="../index.htm">Package Index</a></p>
|
||||
<p><a href="../demo/index.htm">Demo Index</a></p>
|
||||
<p><a href="../documentation/index.htm">Documentation</a></p>
|
||||
<p><a href="../documentation/troubleShooting.htm">Troubleshooting Guide</a></p>
|
||||
<p><a href="http://www.jpowered.com/support.htm">Support</a></p>
|
||||
|
||||
|
||||
<h4>Documentation Contents</h4>
|
||||
<p><a href="../documentation/addingGraphsToPages.htm">Adding Graphs to Web Pages</a></p>
|
||||
<p><a href="../documentation/configurationOptions.htm">Configuration Options and Parameters</a></p>
|
||||
<p><a href="../documentation/graphData.htm">Supplying the Graph with Data</a></p>
|
||||
<p><a href="../documentation/sampleImageTags.htm">Sample Image Tags</a></p>
|
||||
|
||||
|
||||
<h4>Database Connections</h4>
|
||||
<p><a href="databaseInformationFile.htm">Database Information method</a></p>
|
||||
<p><a href="customDataFunction.htm">Custom Data Function</a></p>
|
||||
|
||||
<p> </p>
|
||||
<p><a href="http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/">more Documentation Online here</a></p>
|
||||
|
||||
|
||||
|
||||
|
||||
<p> </p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class='footer'>
|
||||
|
||||
<!-- bottom menu bar -->
|
||||
<div class='container_12'>
|
||||
<div class='grid_12 innm'>
|
||||
<ul>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/">Graph Home</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/buy-now.htm" title="Pricing Options and obtaining License keys">Pricing / License Options</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/demos/" title="View the Online Demos here">Online Demos</a> </li>
|
||||
<li> <a href="../documentation/index.htm">Documentation</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/tutorials/" title="Online Tutorials">Tutorials</a> </li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- footer -->
|
||||
<div class='container_12'>
|
||||
<div class="grid_12 mc">[<a href="http://www.jpowered.com/"> JPowered.com </a>] [<a href="http://www.jpowered.com/products.htm" title="More software components for web applications"> More Products </a>] [<a href="http://www.jpowered.com/support.htm" title="For Help and Support, contact us here">Support </a>]</div>
|
||||
<div class="grid_12 cprt">Copyright © 2011 - 2014 Neutron Solutions Limited - All rights reserved.</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
1596
OLD/overviewold/jpowered/documentation/configurationOptions.htm
Normal file
1596
OLD/overviewold/jpowered/documentation/configurationOptions.htm
Normal file
File diff suppressed because it is too large
Load Diff
218
OLD/overviewold/jpowered/documentation/customDataFunction.htm
Normal file
218
OLD/overviewold/jpowered/documentation/customDataFunction.htm
Normal file
@@ -0,0 +1,218 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
|
||||
<title>Advanced Graphs and Charts for PHP</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
||||
<link rel=STYLESHEET type="text/css" href="../images/960.css" />
|
||||
<link rel=STYLESHEET type="text/css" href="../images/jpprodstyle.css" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Title area -->
|
||||
<div class='container_12 header'>
|
||||
<div class='grid_4'>
|
||||
<a href='http://www.jpowered.com'><img style='border-width: 0px;' src='../images/jpowered.gif' width='270' height='60' align='left' alt='JPowered.com' /></a>
|
||||
</div>
|
||||
<div class='grid_8 omega product_title'>
|
||||
<h1>Advanced Graphs and Charts for PHP</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- top menu bar -->
|
||||
<div class='container_12'>
|
||||
<div class='grid_12 innm'>
|
||||
<ul>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/">Graph Home</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/buy-now.htm" title="Pricing Options and obtaining License keys">Pricing / License Options</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/demos/" title="View the Online Demos here">Online Demos</a> </li>
|
||||
<li> <a href="index.htm">Documentation</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/tutorials/" title="Online Tutorials">Tutorials</a> </li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- main content -->
|
||||
<div class='container_12 main_content'>
|
||||
|
||||
<div class='grid_8'>
|
||||
|
||||
<div class="pgt"><h1>Custom Data Function</h1></div>
|
||||
|
||||
|
||||
<div class="contentp">
|
||||
|
||||
|
||||
<p>This feature allows you to create your own custom PHP Data Script function. The function will be included at
|
||||
run time and used by the graph to acquire the data.</p>
|
||||
<p>This method provides enormous flexibility for the data acquisition process. All PHP Global variables ($_REQUEST, $_GET, $_POST, $_SESSION etc) are available to be used within the data function. </p>
|
||||
<p>A custom data script is specified via the parameter "<b>datascript</b>". For example if your data
|
||||
script is in a file datascript.php then your <IMG>
|
||||
tag would be:-</p>
|
||||
|
||||
<textarea class="jpcodeblock">
|
||||
<img
|
||||
src="http://www.domain.com/jpowered/graph/[GRAPH-STYLE]?
|
||||
datascript=[path_to_datascript_file]/datascript.php&
|
||||
config=[url_to_config]"
|
||||
width="500"
|
||||
height="400" />
|
||||
</textarea>
|
||||
<br />The [path_to_datascript_file] should be a filesystem file path to the data function file. If a relative file path then keep in mind that this will be relative to the location of the graph software and NOT the page which contains the IMG tag.
|
||||
|
||||
|
||||
<p>The data script must be valid PHP code and should contain at least the following function:-</p>
|
||||
<textarea class="jpcodeblock">
|
||||
function datascript () {
|
||||
|
||||
return $lines;
|
||||
}
|
||||
</textarea>
|
||||
<p>where $lines is a string array containing the data parameters and values.</p>
|
||||
<p>The contents of the string array should be the format:- </p>
|
||||
<blockquote>
|
||||
<p><b>data<font color="#0000CC">N</font>series<font color="#0000CC">M</font>:<font color="#CC0033"> [value]</font></b></p>
|
||||
</blockquote>
|
||||
<p>where <b><font color="#0000CC">N</font></b> represents the position of the data item in the series and <font color="#0000CC"><b>M</b></font>
|
||||
represents the series number.</p>
|
||||
<p>For example, for 3 series of data each containing 6 points the string array should contain:-</p>
|
||||
<table width="400" border="0" cellspacing="0" cellpadding="6" bgcolor="#FFFFFF" align="center">
|
||||
<tr>
|
||||
<td><font color="#006600">data1series1: 30<br />
|
||||
data2series1: 20<br />
|
||||
data3series1: -10<br />
|
||||
data4series1: 40<br />
|
||||
data5series1: 50<br />
|
||||
data6series1: 60<br />
|
||||
<br />
|
||||
data4series2: 40<br />
|
||||
data5series2: 50<br />
|
||||
data6series2: 60<br />
|
||||
<br />
|
||||
data1series3: 100<br />
|
||||
data2series3: 50<br />
|
||||
data3series3: -25<br />
|
||||
data4series3: 75<br />
|
||||
data5series3: 125<br />
|
||||
data6series3: 150</font></td>
|
||||
</tr>
|
||||
</table>
|
||||
<p> </p>
|
||||
<p><font color="#FF0000">Note: <font color="#000000">The data script should under no circumstances write out any
|
||||
information via the <font color="#0000FF">print</font> or <font color="#0000FF">echo</font> functions. This
|
||||
would cause the production of the graph image to fail.</font></font></p>
|
||||
|
||||
|
||||
<p>The full function would look like this:-</p>
|
||||
<textarea class="jpcodeblock" style="height: 400px;">
|
||||
function datascript () {
|
||||
|
||||
$lines = array();
|
||||
|
||||
$lines[] = 'data2series1: 20';
|
||||
$lines[] = 'data3series1: -10';
|
||||
$lines[] = 'data4series1: 40';
|
||||
$lines[] = 'data5series1: 50';
|
||||
$lines[] = 'data6series1: 60';
|
||||
|
||||
$lines[] = 'data4series2: 40';
|
||||
$lines[] = 'data5series2: 50';
|
||||
$lines[] = 'data6series2: 60';
|
||||
|
||||
$lines[] = 'data1series3: 100';
|
||||
$lines[] = 'data2series3: 50';
|
||||
$lines[] = 'data3series3: -25';
|
||||
$lines[] = 'data4series3: 75';
|
||||
$lines[] = 'data5series3: 125';
|
||||
$lines[] = 'data6series3: 150';
|
||||
|
||||
return $lines;
|
||||
}
|
||||
</textarea>
|
||||
<p>This is a trivial example but as you can see it is now possible to create a function which
|
||||
will construct the data array based upon any parameter held in $_SESSION or other Global. This method
|
||||
can also be used to pull data from a database.</p>
|
||||
|
||||
|
||||
|
||||
|
||||
<p>Further information and examples can found in the <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/tutorials/">Online Tutorials here »</a></p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<p>
|
||||
<a href="graphData.htm">« back to Graph Data</a>
|
||||
</p>
|
||||
|
||||
<div class="contentp">
|
||||
<h3>Also see:-</h3>
|
||||
<p><a href="configurationOptions.htm">Configuration Options and Parameters »</a></p>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class='grid_1'> </div>
|
||||
|
||||
<div class='grid_3'>
|
||||
|
||||
|
||||
<p><a href="../index.htm">Package Index</a></p>
|
||||
<p><a href="../demo/index.htm">Demo Index</a></p>
|
||||
<p><a href="../documentation/index.htm">Documentation</a></p>
|
||||
<p><a href="../documentation/troubleShooting.htm">Troubleshooting Guide</a></p>
|
||||
<p><a href="http://www.jpowered.com/support.htm">Support</a></p>
|
||||
|
||||
|
||||
<h4>Documentation Contents</h4>
|
||||
<p><a href="../documentation/addingGraphsToPages.htm">Adding Graphs to Web Pages</a></p>
|
||||
<p><a href="../documentation/configurationOptions.htm">Configuration Options and Parameters</a></p>
|
||||
<p><a href="../documentation/graphData.htm">Supplying the Graph with Data</a></p>
|
||||
<p><a href="../documentation/sampleImageTags.htm">Sample Image Tags</a></p>
|
||||
|
||||
|
||||
<h4>Database Connections</h4>
|
||||
<p><a href="databaseInformationFile.htm">Database Information method</a></p>
|
||||
<p><a href="customDataFunction.htm">Custom Data Function</a></p>
|
||||
|
||||
<p> </p>
|
||||
<p><a href="http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/">more Documentation Online here</a></p>
|
||||
|
||||
|
||||
|
||||
|
||||
<p> </p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class='footer'>
|
||||
|
||||
<!-- bottom menu bar -->
|
||||
<div class='container_12'>
|
||||
<div class='grid_12 innm'>
|
||||
<ul>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/">Graph Home</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/buy-now.htm" title="Pricing Options and obtaining License keys">Pricing / License Options</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/demos/" title="View the Online Demos here">Online Demos</a> </li>
|
||||
<li> <a href="../documentation/index.htm">Documentation</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/tutorials/" title="Online Tutorials">Tutorials</a> </li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- footer -->
|
||||
<div class='container_12'>
|
||||
<div class="grid_12 mc">[<a href="http://www.jpowered.com/"> JPowered.com </a>] [<a href="http://www.jpowered.com/products.htm" title="More software components for web applications"> More Products </a>] [<a href="http://www.jpowered.com/support.htm" title="For Help and Support, contact us here">Support </a>]</div>
|
||||
<div class="grid_12 cprt">Copyright © 2011 - 2014 Neutron Solutions Limited - All rights reserved.</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,277 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
|
||||
<title>Advanced Graphs and Charts for PHP</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
||||
<link rel=STYLESHEET type="text/css" href="../images/960.css" />
|
||||
<link rel=STYLESHEET type="text/css" href="../images/jpprodstyle.css" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Title area -->
|
||||
<div class='container_12 header'>
|
||||
<div class='grid_4'>
|
||||
<a href='http://www.jpowered.com'><img style='border-width: 0px;' src='../images/jpowered.gif' width='270' height='60' align='left' alt='JPowered.com' /></a>
|
||||
</div>
|
||||
<div class='grid_8 omega product_title'>
|
||||
<h1>Advanced Graphs and Charts for PHP</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- top menu bar -->
|
||||
<div class='container_12'>
|
||||
<div class='grid_12 innm'>
|
||||
<ul>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/">Graph Home</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/buy-now.htm" title="Pricing Options and obtaining License keys">Pricing / License Options</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/demos/" title="View the Online Demos here">Online Demos</a> </li>
|
||||
<li> <a href="index.htm">Documentation</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/tutorials/" title="Online Tutorials">Tutorials</a> </li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- main content -->
|
||||
<div class='container_12 main_content'>
|
||||
|
||||
<div class='grid_8'>
|
||||
|
||||
<div class="pgt"><h1>Database Information File</h1></div>
|
||||
|
||||
|
||||
<div class="contentp">
|
||||
<p>
|
||||
With this method the database information file will contain the necessary information for the graphng software to connect to your database and the queries to run for each data series.
|
||||
At runtime the graphing software will read this file, connect to the database and execute each of the queries. It will then automatically extract the data from the result set(s) for plotting on the graph.
|
||||
</p>
|
||||
|
||||
<p>The database information file is a PHP script which assigns various options to a PHP array '$jpDatabase'. This file is used by the graphing software to connect to the database and execute the queries.</p>
|
||||
|
||||
<p>The array contains three sections of information:-</p>
|
||||
<ul>
|
||||
<li>Database Connection Information</li>
|
||||
<li>Data Queries</li>
|
||||
<li>Database Abstraction Code</li>
|
||||
</ul>
|
||||
<p>An example file can be found in the Sample Application directory ./jpowered/sampleApplication/dataQueries/dbConfig.php</p>
|
||||
|
||||
<p>
|
||||
To tell the graph to use a database information file the 'data' parameter of the IMG tag should be replaced with 'dbinfo' parameter, like this:-<br />
|
||||
<textarea class="jpcodeblock" style="height: 110px;">
|
||||
<img
|
||||
src="http://www.domain.com/jpowered/graph/[GRAPH-STYLE]?
|
||||
dbinfo=[RELATIVEpathTOdbinfoFILE]&
|
||||
config=[URLtoCONFIG]"
|
||||
width="500"
|
||||
height="400" />
|
||||
</textarea>
|
||||
<br />The [RELATIVEpathTOdbinfoFILE] should be a relative filesystem file path to the database information file. This file path is relative to the location of the graph software and NOT the page which contains the IMG tag.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<p>
|
||||
<b>Database Connection Information</b><br />
|
||||
This section contains 4 parameters which provide the graphing software with the necessary information to open a connection to the database. The parameters are:-
|
||||
</p>
|
||||
<ul>
|
||||
<li>dbServer - database server location and port</li>
|
||||
<li>dbUser - username the graph should use to connect to the database</li>
|
||||
<li>dbPassword - password the graph should use to connect to the database</li>
|
||||
<li>dbDatabase - the database name</li>
|
||||
</ul>
|
||||
|
||||
e.g.<br />
|
||||
<textarea class="jpcodeblock" style="height: 100px;">
|
||||
// Database Connection Info
|
||||
$jpDatabase["dbServer"] = "localhost:3306";
|
||||
$jpDatabase["dbUser"] = "[user]";
|
||||
$jpDatabase["dbPassword"] = "[paswword]";
|
||||
$jpDatabase["dbDatabase"] = "JPSAMPLEsalesDB";
|
||||
</textarea>
|
||||
|
||||
|
||||
|
||||
<div class="contentp">
|
||||
<p>
|
||||
<b>Data Queries</b><br />
|
||||
The data query section contains the SQL the graph should issue to the database server to extract the data to be plotted. For each series of data
|
||||
the graph needs to know:-</p>
|
||||
<ul>
|
||||
<li>The SQL Query</li>
|
||||
<li>The name of the field(s) in the table/resultset to pick the value(s) from</li>
|
||||
</ul>
|
||||
|
||||
For example if we have 3 series of data then the data query section would look like this:-
|
||||
<br />
|
||||
<textarea class="jpcodeblock" style="height: 180px;">
|
||||
// Data Queries
|
||||
$jpDatabase["data"] = array();
|
||||
|
||||
$jpDatabase["data"][0]["query"] = "SELECT numberA FROM table1 ";
|
||||
$jpDatabase["data"][0]["valueField"] = "numberA";
|
||||
|
||||
$jpDatabase["data"][1]["query"] = "SELECT numberB FROM table2 ";
|
||||
$jpDatabase["data"][1]["valueField"] = "numberB";
|
||||
|
||||
$jpDatabase["data"][2]["query"] = "SELECT numberC FROM table3 ";
|
||||
$jpDatabase["data"][2]["valueField"] = "numberC";
|
||||
</textarea>
|
||||
<br />
|
||||
The above example will provide the graph with a single value for each data point. However some graph styles require 2 or 3 values (e.g. the X-Y scatter graph requires 2 values and the Bubble chart requires 3 values for each data point).
|
||||
For these graph styles the format would be like this:-
|
||||
<br />
|
||||
<textarea class="jpcodeblock" style="height: 270px; width: 700px;">
|
||||
// Data Queries
|
||||
$jpDatabase["data"] = array();
|
||||
|
||||
$jpDatabase["data"][0]["query"] = "SELECT numberA,numberB,numberC FROM table1 ";
|
||||
$jpDatabase["data"][0]["valueXField"] = "numberA";
|
||||
$jpDatabase["data"][0]["valueYField"] = "numberB";
|
||||
$jpDatabase["data"][0]["valueZField"] = "numberC";
|
||||
|
||||
$jpDatabase["data"][1["query"] = "SELECT numberA,numberB,numberC FROM table2 ";
|
||||
$jpDatabase["data"][1]["valueXField"] = "numberA";
|
||||
$jpDatabase["data"][1]["valueYField"] = "numberB";
|
||||
$jpDatabase["data"][1]["valueZField"] = "numberC";
|
||||
|
||||
$jpDatabase["data"][2]["query"] = "SELECT numberA,numberB,numberC FROM table3 ";
|
||||
$jpDatabase["data"][2]["valueXField"] = "numberA";
|
||||
$jpDatabase["data"][2]["valueYField"] = "numberB";
|
||||
$jpDatabase["data"][2]["valueZField"] = "numberC";
|
||||
</textarea>
|
||||
|
||||
<p><b>NOTE:</b> All PHP Global variables ($_REQUEST, $_GET, $_POST, $_SESSION etc) are available to be used within the database information file. For instance if
|
||||
you wish to dynamically construct a query based on the value of "userID" held in the session then you could do something like this:-
|
||||
<br />
|
||||
<textarea class="jpcodeblock" style="height: 50px; width: 700px;">
|
||||
$jpDatabase["data"][0]["query"] =
|
||||
"SELECT numberA,numberB,numberC FROM table1 WHERE userID=".$_SESSION["userID"];
|
||||
</textarea>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="contentp">
|
||||
<p>
|
||||
<b>Database Abstraction Code</b><br />
|
||||
This parameter tells the graphing software to use database access methods located in the file specified.
|
||||
The software will look for the file in the dir ./jpowered/graph/common/
|
||||
Currently database methods are supplied for the MySQL database system and are located in the DBMySQL.class.php file. As such the
|
||||
parameter should be set like this:-<br />
|
||||
<textarea class="jpcodeblock" style="height: 50px;">
|
||||
// Abstraction Class
|
||||
$jpDatabase["abstractionClass"] = "DBMySQL.class.php";
|
||||
</textarea>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="contentp">
|
||||
<p>
|
||||
Putting it all together the database information file should look like this:-
|
||||
<br />
|
||||
<textarea class="jpcodeblock" style="height: 420px;">
|
||||
// Database Connection Info
|
||||
$jpDatabase["dbServer"] = "localhost:3306";
|
||||
$jpDatabase["dbUser"] = "[user]";
|
||||
$jpDatabase["dbPassword"] = "[paswword]";
|
||||
$jpDatabase["dbDatabase"] = "JPSAMPLEsalesDB";
|
||||
|
||||
|
||||
// Data Queries
|
||||
$jpDatabase["data"] = array();
|
||||
|
||||
$jpDatabase["data"][0]["query"] = "SELECT numberA FROM table1 ";
|
||||
$jpDatabase["data"][0]["valueField"] = "numberA";
|
||||
|
||||
$jpDatabase["data"][1]["query"] = "SELECT numberB FROM table2 ";
|
||||
$jpDatabase["data"][1]["valueField"] = "numberB";
|
||||
|
||||
$jpDatabase["data"][2]["query"] = "SELECT numberC FROM table3 ";
|
||||
$jpDatabase["data"][2]["valueField"] = "numberC";
|
||||
|
||||
|
||||
// Abstraction Class
|
||||
$jpDatabase["abstractionClass"] = "DBMySQL.class.php";
|
||||
|
||||
</textarea>
|
||||
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
<p>
|
||||
<a href="graphData.htm">« back to Graph Data</a>
|
||||
</p>
|
||||
|
||||
<div class="contentp">
|
||||
<h3>Also see:-</h3>
|
||||
<p><a href="configurationOptions.htm">Configuration Options and Parameters »</a></p>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class='grid_1'> </div>
|
||||
|
||||
<div class='grid_3'>
|
||||
|
||||
|
||||
<p><a href="../index.htm">Package Index</a></p>
|
||||
<p><a href="../demo/index.htm">Demo Index</a></p>
|
||||
<p><a href="../documentation/index.htm">Documentation</a></p>
|
||||
<p><a href="../documentation/troubleShooting.htm">Troubleshooting Guide</a></p>
|
||||
<p><a href="http://www.jpowered.com/support.htm">Support</a></p>
|
||||
|
||||
|
||||
<h4>Documentation Contents</h4>
|
||||
<p><a href="../documentation/addingGraphsToPages.htm">Adding Graphs to Web Pages</a></p>
|
||||
<p><a href="../documentation/configurationOptions.htm">Configuration Options and Parameters</a></p>
|
||||
<p><a href="../documentation/graphData.htm">Supplying the Graph with Data</a></p>
|
||||
<p><a href="../documentation/sampleImageTags.htm">Sample Image Tags</a></p>
|
||||
|
||||
|
||||
<h4>Database Connections</h4>
|
||||
<p><a href="databaseInformationFile.htm">Database Information method</a></p>
|
||||
<p><a href="customDataFunction.htm">Custom Data Function</a></p>
|
||||
|
||||
<p> </p>
|
||||
<p><a href="http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/">more Documentation Online here</a></p>
|
||||
|
||||
|
||||
|
||||
|
||||
<p> </p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class='footer'>
|
||||
|
||||
<!-- bottom menu bar -->
|
||||
<div class='container_12'>
|
||||
<div class='grid_12 innm'>
|
||||
<ul>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/">Graph Home</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/buy-now.htm" title="Pricing Options and obtaining License keys">Pricing / License Options</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/demos/" title="View the Online Demos here">Online Demos</a> </li>
|
||||
<li> <a href="../documentation/index.htm">Documentation</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/tutorials/" title="Online Tutorials">Tutorials</a> </li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- footer -->
|
||||
<div class='container_12'>
|
||||
<div class="grid_12 mc">[<a href="http://www.jpowered.com/"> JPowered.com </a>] [<a href="http://www.jpowered.com/products.htm" title="More software components for web applications"> More Products </a>] [<a href="http://www.jpowered.com/support.htm" title="For Help and Support, contact us here">Support </a>]</div>
|
||||
<div class="grid_12 cprt">Copyright © 2011 - 2014 Neutron Solutions Limited - All rights reserved.</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
255
OLD/overviewold/jpowered/documentation/graphData.htm
Normal file
255
OLD/overviewold/jpowered/documentation/graphData.htm
Normal file
@@ -0,0 +1,255 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
|
||||
<title>Advanced Graphs and Charts for PHP</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
||||
<link rel=STYLESHEET type="text/css" href="../images/960.css" />
|
||||
<link rel=STYLESHEET type="text/css" href="../images/jpprodstyle.css" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Title area -->
|
||||
<div class='container_12 header'>
|
||||
<div class='grid_4'>
|
||||
<a href='http://www.jpowered.com'><img style='border-width: 0px;' src='../images/jpowered.gif' width='270' height='60' align='left' alt='JPowered.com' /></a>
|
||||
</div>
|
||||
<div class='grid_8 omega product_title'>
|
||||
<h1>Advanced Graphs and Charts for PHP</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- top menu bar -->
|
||||
<div class='container_12'>
|
||||
<div class='grid_12 innm'>
|
||||
<ul>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/">Graph Home</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/buy-now.htm" title="Pricing Options and obtaining License keys">Pricing / License Options</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/demos/" title="View the Online Demos here">Online Demos</a> </li>
|
||||
<li> <a href="index.htm">Documentation</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/tutorials/" title="Online Tutorials">Tutorials</a> </li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- main content -->
|
||||
<div class='container_12 main_content'>
|
||||
|
||||
<div class='grid_8'>
|
||||
|
||||
<div class="pgt"><h1>Graph Data</h1></div>
|
||||
|
||||
|
||||
<div class="contentp">
|
||||
<div class="headinglarge">Overview</div>
|
||||
<p>
|
||||
Every graph requires the data to be plotted. The graphing software has been designed to take the data directly from the source and dynamically produce the graph image in real time.
|
||||
The graphing software can be configured to read the data from a variety of sources including:-
|
||||
</p>
|
||||
<ul>
|
||||
<li>Databases</li>
|
||||
<li>Files</li>
|
||||
<li>Other Server Side Processes</li>
|
||||
</ul>
|
||||
<p>( Note: further data access methods may have been added since this documentation was written, as such please also check the <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/">online documentation here »</a> )</p>
|
||||
</div>
|
||||
|
||||
<div class="contentp">
|
||||
<div class="headinglarge">Data from Databases</div>
|
||||
<p>
|
||||
The graphing software provides two direct methods by which data can be read from databases:-
|
||||
<br /><br />
|
||||
|
||||
<b>Custom Data Function</b><br /><br />
|
||||
This method allows a custom data function to be constructed. At runtime the graphing software will dynamically include this function
|
||||
and run it to produce the data.<br /><br />
|
||||
|
||||
If you need to dynamically construct the SQL Queries (e.g. depending on the value of SESSION or REQUEST variables) or you need to process the query results before plotting (e.g. averaging a data set) then this is the method to use.<br /><br />
|
||||
<a href="customDataFunction.htm">more »</a>
|
||||
|
||||
|
||||
<br /><br />
|
||||
<b>Database Information File</b><br /><br />
|
||||
With this method the database information file will contain the necessary information for the graphng software to connect to your database and the queries to run for each data series.
|
||||
At runtime the graphing software will read this file, connect to the database and execute each of the queries. It will then automatically extract the data from the result set(s) for plotting on the graph.
|
||||
<a href="databaseInformationFile.htm">more »</a>
|
||||
|
||||
</p>
|
||||
|
||||
<p>Further information and examples can found in the <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/tutorials/">Online Tutorials here »</a></p>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="contentp">
|
||||
<div class="headinglarge">Data from Files</div>
|
||||
<p>
|
||||
If the data is fairly static then you may wish to place the data in a flat file. In this case the graphing software is configured to read the data from that file.<br /><br />
|
||||
|
||||
To set the graph to read the data from file simply add the "<b>data</b>"
|
||||
parameter to the URL string of the <IMG> tag. For example if the data file is "graphdata.txt"
|
||||
then your <IMG> tag would become:-
|
||||
|
||||
<textarea class="jpcodeblock">
|
||||
<img src="line-graph.php?data=graphdata.txt"
|
||||
width=500 height=500>
|
||||
</textarea>
|
||||
|
||||
<b>Data Format</b>
|
||||
Within the file the data should follow this format:-
|
||||
<blockquote>
|
||||
<b>data<font color="#0000CC">N</font>series<font color="#0000CC">M</font>: <font color="#CC0033">[value]</font></b>
|
||||
</blockquote>
|
||||
where<br />
|
||||
<b><font color="#0000CC">N</font></b> represents the position of the data item in the series and<br />
|
||||
<font color="#0000CC"><b>M</b></font> represents the series number.<br /><br />
|
||||
|
||||
For example for 3 series of data each containing 6 points the contents of the data file would be:-
|
||||
<textarea class="jpcodeblock">
|
||||
data1series1: 30
|
||||
data2series1: 20
|
||||
data3series1: -10
|
||||
data4series1: 40
|
||||
data5series1: 50
|
||||
data6series1: 60
|
||||
|
||||
data4series2: 40
|
||||
data5series2: 50
|
||||
data6series2: 60
|
||||
|
||||
data1series3: 100
|
||||
data2series3: 50
|
||||
data3series3: -25
|
||||
data4series3: 75
|
||||
data5series3: 125
|
||||
data6series3: 150
|
||||
</textarea>
|
||||
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="contentp">
|
||||
<div class="headinglarge">Other Server Side Processes</div>
|
||||
<p>
|
||||
The graph data can be set to call another server process and request the data. This can be a script in any language and does not necessarily have to reside on the same server. The only stipulation is that the process is accessible via a URL.<br /><br />
|
||||
The script or process can be written to perform any processing required including connecting to any database system. For example if your data is held in MS SQL Server or Oracle then an ASP script would be written to extract the data from the database
|
||||
and output in the format required for the graph. At runtime the graphing software will call the script which in turn will read the data from the database and output the data back to the graphing software where it is plotted directly on the graph.<br /><br />
|
||||
|
||||
To set the graph to read the data from another server side process (ie. PHP, ASP, JSP etc) simply add the "<b>data</b>" parameter to the URL string of the <IMG> tag. <br />
|
||||
For example if the data script is "graphdata.php" then your
|
||||
<IMG> tag would become:-
|
||||
|
||||
<textarea class="jpcodeblock">
|
||||
<img
|
||||
src="line-graph.php?
|
||||
<font color="#CC0000">data=graphdata.php</font>"
|
||||
width=500 height=500>
|
||||
</textarea>
|
||||
|
||||
<b>Data Format</b>
|
||||
The data script should be written such that it outputs the data in the following format:-
|
||||
<blockquote>
|
||||
<b>data<font color="#0000CC">N</font>series<font color="#0000CC">M</font>: <font color="#CC0033">[value]</font></b>
|
||||
</blockquote>
|
||||
where<br />
|
||||
<b><font color="#0000CC">N</font></b> represents the position of the data item in the series and<br />
|
||||
<font color="#0000CC"><b>M</b></font> represents the series number.<br /><br />
|
||||
|
||||
|
||||
For example for 3 series of data each containing 6 points the output of the data script would be:-
|
||||
<textarea class="jpcodeblock">
|
||||
data1series1: 30
|
||||
data2series1: 20
|
||||
data3series1: -10
|
||||
data4series1: 40
|
||||
data5series1: 50
|
||||
data6series1: 60
|
||||
|
||||
data4series2: 40
|
||||
data5series2: 50
|
||||
data6series2: 60
|
||||
|
||||
data1series3: 100
|
||||
data2series3: 50
|
||||
data3series3: -25
|
||||
data4series3: 75
|
||||
data5series3: 125
|
||||
data6series3: 150
|
||||
</textarea>
|
||||
</p>
|
||||
|
||||
<p>Further information and examples can found in the <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/tutorials/">Online Tutorials here »</a></p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="contentp">
|
||||
<h3>Also see:-</h3>
|
||||
<p><a href="configurationOptions.htm">Configuration Options and Parameters »</a></p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class='grid_1'> </div>
|
||||
|
||||
<div class='grid_3'>
|
||||
|
||||
|
||||
<p><a href="../index.htm">Package Index</a></p>
|
||||
<p><a href="../demo/index.htm">Demo Index</a></p>
|
||||
<p><a href="../documentation/index.htm">Documentation</a></p>
|
||||
<p><a href="../documentation/troubleShooting.htm">Troubleshooting Guide</a></p>
|
||||
<p><a href="http://www.jpowered.com/support.htm">Support</a></p>
|
||||
|
||||
|
||||
<h4>Documentation Contents</h4>
|
||||
<p><a href="../documentation/addingGraphsToPages.htm">Adding Graphs to Web Pages</a></p>
|
||||
<p><a href="../documentation/configurationOptions.htm">Configuration Options and Parameters</a></p>
|
||||
<p><a href="../documentation/graphData.htm">Supplying the Graph with Data</a></p>
|
||||
<p><a href="../documentation/sampleImageTags.htm">Sample Image Tags</a></p>
|
||||
|
||||
|
||||
<h4>Database Connections</h4>
|
||||
<p><a href="databaseInformationFile.htm">Database Information method</a></p>
|
||||
<p><a href="customDataFunction.htm">Custom Data Function</a></p>
|
||||
|
||||
<p> </p>
|
||||
<p><a href="http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/">more Documentation Online here</a></p>
|
||||
|
||||
|
||||
|
||||
|
||||
<p> </p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class='footer'>
|
||||
|
||||
<!-- bottom menu bar -->
|
||||
<div class='container_12'>
|
||||
<div class='grid_12 innm'>
|
||||
<ul>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/">Graph Home</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/buy-now.htm" title="Pricing Options and obtaining License keys">Pricing / License Options</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/demos/" title="View the Online Demos here">Online Demos</a> </li>
|
||||
<li> <a href="../documentation/index.htm">Documentation</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/tutorials/" title="Online Tutorials">Tutorials</a> </li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- footer -->
|
||||
<div class='container_12'>
|
||||
<div class="grid_12 mc">[<a href="http://www.jpowered.com/"> JPowered.com </a>] [<a href="http://www.jpowered.com/products.htm" title="More software components for web applications"> More Products </a>] [<a href="http://www.jpowered.com/support.htm" title="For Help and Support, contact us here">Support </a>]</div>
|
||||
<div class="grid_12 cprt">Copyright © 2011 - 2014 Neutron Solutions Limited - All rights reserved.</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
114
OLD/overviewold/jpowered/documentation/index.htm
Normal file
114
OLD/overviewold/jpowered/documentation/index.htm
Normal file
@@ -0,0 +1,114 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
|
||||
<title>Advanced Graphs and Charts for PHP</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
||||
<link rel=STYLESHEET type="text/css" href="../images/960.css" />
|
||||
<link rel=STYLESHEET type="text/css" href="../images/jpprodstyle.css" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Title area -->
|
||||
<div class='container_12 header'>
|
||||
<div class='grid_4'>
|
||||
<a href='http://www.jpowered.com'><img style='border-width: 0px;' src='../images/jpowered.gif' width='270' height='60' align='left' alt='JPowered.com' /></a>
|
||||
</div>
|
||||
<div class='grid_8 omega product_title'>
|
||||
<h1>Advanced Graphs and Charts for PHP</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- top menu bar -->
|
||||
<div class='container_12'>
|
||||
<div class='grid_12 innm'>
|
||||
<ul>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/">Graph Home</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/buy-now.htm" title="Pricing Options and obtaining License keys">Pricing / License Options</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/demos/" title="View the Online Demos here">Online Demos</a> </li>
|
||||
<li> <a href="index.htm">Documentation</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/tutorials/" title="Online Tutorials">Tutorials</a> </li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- main content -->
|
||||
<div class='container_12 main_content'>
|
||||
|
||||
<div class='grid_9'>
|
||||
|
||||
<h1>Documenation</h1>
|
||||
|
||||
<h4>Overview</h4>
|
||||
<p>The Advanced Graph and Chart Software for PHP is designed to enable Web Developers to easily build dynamically generated graphs and charts into web applications. Once installed on the web server dynamic graphs can be added to any page of a web site with just a few lines of html.</p>
|
||||
|
||||
<div class='grid_4'>
|
||||
<h4>Documentation Contents</h4>
|
||||
<p><a href="addingGraphsToPages.htm">Adding Graphs to Web Pages</a></p>
|
||||
<p><a href="configurationOptions.htm">Configuration Options and Parameters</a></p>
|
||||
<p><a href="graphData.htm">Supplying the Graph with Data</a></p>
|
||||
<p><a href="troubleShooting.htm">Troubleshooting Guide</a></p>
|
||||
|
||||
<h4>Database Connections</h4>
|
||||
<p><a href="databaseInformationFile.htm">Database Information method</a></p>
|
||||
<p><a href="customDataFunction.htm">Custom Data Function</a></p>
|
||||
|
||||
</div>
|
||||
<div class='grid_4'>
|
||||
<h4>More Online</h4>
|
||||
<p><a href="http://www.jpowered.com/php-scripts/adv-graph-chart/tutorials/directMySQL.htm">Direct DB Access to MySQL DBs </a></p>
|
||||
<p><a href="http://www.jpowered.com/php-scripts/adv-graph-chart/tutorials/interfaceScript.htm">Interface Scripts </a></p>
|
||||
<p><a href="http://www.jpowered.com/php-scripts/adv-graph-chart/tutorials/DateTimeXlabels.htm">Creating Date/Time Axis Labels </a></p>
|
||||
<p><a href="http://www.jpowered.com/php-scripts/adv-graph-chart/tutorials/spreadsheets.htm">Graphing Data Directly from Spreadsheets </a></p>
|
||||
<p><a href="http://www.jpowered.com/php-scripts/adv-graph-chart/tutorials/dynamicConfiguration.htm">Constructing Configuration Dynamically</a></p>
|
||||
<p> </p>
|
||||
<p><a href="http://www.jpowered.com/php-scripts/adv-graph-chart/tutorials/">Online Tutorials </a></p>
|
||||
<p><a href="http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/">Online Documentation </a></p>
|
||||
</div>
|
||||
|
||||
<div class='clear'> </div>
|
||||
|
||||
<p> </p>
|
||||
|
||||
</div>
|
||||
|
||||
<div class='grid_3'>
|
||||
<p><a href="../index.htm">Package Index</a></p>
|
||||
<p><a href="../demo/index.htm">Demo Index</a></p>
|
||||
<p><a href="../documentation/index.htm">Documentation</a></p>
|
||||
<p><a href="../sampleApplication/index.php">Sample Application</a></p>
|
||||
<p><a href="../documentation/troubleShooting.htm">Troubleshooting Guide</a></p>
|
||||
<p><a href="http://www.jpowered.com/support.htm">Support</a></p>
|
||||
<p> </p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class='footer'>
|
||||
|
||||
<!-- bottom menu bar -->
|
||||
<div class='container_12'>
|
||||
<div class='grid_12 innm'>
|
||||
<ul>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/">Graph Home</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/buy-now.htm" title="Pricing Options and obtaining License keys">Pricing / License Options</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/demos/" title="View the Online Demos here">Online Demos</a> </li>
|
||||
<li> <a href="../documentation/index.htm">Documentation</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/tutorials/" title="Online Tutorials">Tutorials</a> </li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- footer -->
|
||||
<div class='container_12'>
|
||||
<div class="grid_12 mc">[<a href="http://www.jpowered.com/"> JPowered.com </a>] [<a href="http://www.jpowered.com/products.htm" title="More software components for web applications"> More Products </a>] [<a href="http://www.jpowered.com/support.htm" title="For Help and Support, contact us here">Support </a>]</div>
|
||||
<div class="grid_12 cprt">Copyright © 2011 - 2014 Neutron Solutions Limited - All rights reserved.</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
393
OLD/overviewold/jpowered/documentation/sampleImageTags.htm
Normal file
393
OLD/overviewold/jpowered/documentation/sampleImageTags.htm
Normal file
@@ -0,0 +1,393 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
|
||||
<title>Advanced Graphs and Charts for PHP</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
||||
<link rel=STYLESHEET type="text/css" href="../images/960.css" />
|
||||
<link rel=STYLESHEET type="text/css" href="../images/jpprodstyle.css" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Title area -->
|
||||
<div class='container_12 header'>
|
||||
<div class='grid_4'>
|
||||
<a href='http://www.jpowered.com'><img style='border-width: 0px;' src='../images/jpowered.gif' width='270' height='60' align='left' alt='JPowered.com' /></a>
|
||||
</div>
|
||||
<div class='grid_8 omega product_title'>
|
||||
<h1>Advanced Graphs and Charts for PHP</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- top menu bar -->
|
||||
<div class='container_12'>
|
||||
<div class='grid_12 innm'>
|
||||
<ul>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/">Graph Home</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/buy-now.htm" title="Pricing Options and obtaining License keys">Pricing / License Options</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/demos/" title="View the Online Demos here">Online Demos</a> </li>
|
||||
<li> <a href="index.htm">Documentation</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/tutorials/" title="Online Tutorials">Tutorials</a> </li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- main content -->
|
||||
<div class='container_12 main_content'>
|
||||
|
||||
<div class='grid_8'>
|
||||
|
||||
<div class="pgt"><h1>Sample Image Tags for Different Graph Styles</h1></div>
|
||||
|
||||
|
||||
<div class="contentp" style="margin: 4px 0px 4px 0px; padding: 4px 0px 4px 0px;">
|
||||
|
||||
<p>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.</p>
|
||||
|
||||
<ul>
|
||||
<li>[URLtoDATASOURCE] - should be the URL link to the data source. The datasource can a file, a script or a database.</li>
|
||||
<li>[URLtoCONFIG] - this is the URL link to the configuration settings file.</li>
|
||||
</ul>
|
||||
<p>The width and height settings operate as normal and tell the browser what size the graph will be.</p>
|
||||
|
||||
<p>The table below show the format of the IMG tag for each chart style.</p>
|
||||
|
||||
<p><a href="addingGraphsToPages.htm">« back to Adding Graphs to Web Pages</a></p>
|
||||
|
||||
|
||||
<table class="jptable" style="margin: 4px 0px 4px 0px; padding: 0px;">
|
||||
<thead>
|
||||
<tr>
|
||||
<td style="width: 120px;">Chart Style</td>
|
||||
<td style="width: 100px;">Script</td>
|
||||
<td style="width: 580px;">Sample IMG Tag</td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Area Graph</td>
|
||||
<td>area-graph.php</td>
|
||||
<td>
|
||||
<textarea class="jpcodeblock">
|
||||
<img
|
||||
src="http://www.domain.com/jpowered/graph/area-graph.php?
|
||||
data=[URLtoDATASOURCE]&
|
||||
config=[URLtoCONFIG]"
|
||||
width="500"
|
||||
height="400" />
|
||||
</textarea>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Bubble Chart</td>
|
||||
<td>bubble-chart.php</td>
|
||||
<td>
|
||||
<textarea class="jpcodeblock">
|
||||
<img
|
||||
src="http://www.domain.com/jpowered/graph/bubble-chart.php?
|
||||
data=[URLtoDATASOURCE]&
|
||||
config=[URLtoCONFIG]"
|
||||
width="500"
|
||||
height="400" />
|
||||
</textarea>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Combination Area and Stacked Vertical Bar Graph</td>
|
||||
<td>area-stacked-vertical-bar-graph.php</td>
|
||||
<td>
|
||||
<textarea class="jpcodeblock">
|
||||
<img
|
||||
src="http://www.domain.com/jpowered/graph/area-stacked-vertical-bar-graph.php?
|
||||
data=[URLtoDATASOURCE]&
|
||||
config=[URLtoCONFIG]"
|
||||
width="500"
|
||||
height="400" />
|
||||
</textarea>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Combination Area and Vertical Bar Graph</td>
|
||||
<td>area-vertical-bar-graph.php</td>
|
||||
<td>
|
||||
<textarea class="jpcodeblock">
|
||||
<img
|
||||
src="http://www.domain.com/jpowered/graph/area-vertical-bar-graph.php?
|
||||
data=[URLtoDATASOURCE]&
|
||||
config=[URLtoCONFIG]"
|
||||
width="500"
|
||||
height="400" />
|
||||
</textarea>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Horizontal Bar Graph</td>
|
||||
<td>horizontal-bar-graph.php</td>
|
||||
<td>
|
||||
<textarea class="jpcodeblock">
|
||||
<img
|
||||
src="http://www.domain.com/jpowered/graph/horizontal-bar-graph.php?
|
||||
data=[URLtoDATASOURCE]&
|
||||
config=[URLtoCONFIG]"
|
||||
width="500"
|
||||
height="400" />
|
||||
</textarea>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Horizontal Cylinder Graph</td>
|
||||
<td>horizontal-cylinder-graph.php</td>
|
||||
<td>
|
||||
<textarea class="jpcodeblock">
|
||||
<img
|
||||
src="http://www.domain.com/jpowered/graph/horizontal-cylinder-graph.php?
|
||||
data=[URLtoDATASOURCE]&
|
||||
config=[URLtoCONFIG]"
|
||||
width="500"
|
||||
height="400" />
|
||||
</textarea>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Line Graph</td>
|
||||
<td>line-graph.php</td>
|
||||
<td>
|
||||
<textarea class="jpcodeblock">
|
||||
<img
|
||||
src="http://www.domain.com/jpowered/graph/line-graph.php?
|
||||
data=[URLtoDATASOURCE]&
|
||||
config=[URLtoCONFIG]"
|
||||
width="500"
|
||||
height="400" />
|
||||
</textarea>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Line and Stacked Vertical Bar Graph</td>
|
||||
<td>line-stacked-vertical-bar-graph.php</td>
|
||||
<td>
|
||||
<textarea class="jpcodeblock">
|
||||
<img
|
||||
src="http://www.domain.com/jpowered/graph/line-stacked-vertical-bar-graph.php?
|
||||
data=[URLtoDATASOURCE]&
|
||||
config=[URLtoCONFIG]"
|
||||
width="500"
|
||||
height="400" />
|
||||
</textarea>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Line and Vertical Bar Graph</td>
|
||||
<td>line-vertical-bar-graph.php</td>
|
||||
<td>
|
||||
<textarea class="jpcodeblock">
|
||||
<img
|
||||
src="http://www.domain.com/jpowered/graph/line-vertical-bar-graph.php?
|
||||
data=[URLtoDATASOURCE]&
|
||||
config=[URLtoCONFIG]"
|
||||
width="500"
|
||||
height="400" />
|
||||
</textarea>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Pie Chart</td>
|
||||
<td>pie-chart.php</td>
|
||||
<td>
|
||||
<textarea class="jpcodeblock">
|
||||
<img
|
||||
src="http://www.domain.com/jpowered/graph/pie-chart.php?
|
||||
data=[URLtoDATASOURCE]&
|
||||
config=[URLtoCONFIG]"
|
||||
width="500"
|
||||
height="400" />
|
||||
</textarea>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Stacked Horizontal Bar Graph</td>
|
||||
<td>stacked-horizontal-bar-graph.php</td>
|
||||
<td>
|
||||
<textarea class="jpcodeblock">
|
||||
<img
|
||||
src="http://www.domain.com/jpowered/graph/stacked-horizontal-bar-graph.php?
|
||||
data=[URLtoDATASOURCE]&
|
||||
config=[URLtoCONFIG]"
|
||||
width="500"
|
||||
height="400" />
|
||||
</textarea>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Stacked Horizontal Cylinder Graph</td>
|
||||
<td>stacked-horizontal-cylinder-graph.php</td>
|
||||
<td>
|
||||
<textarea class="jpcodeblock">
|
||||
<img
|
||||
src="http://www.domain.com/jpowered/graph/stacked-horizontal-cylinder-graph.php?
|
||||
data=[URLtoDATASOURCE]&
|
||||
config=[URLtoCONFIG]"
|
||||
width="500"
|
||||
height="400" />
|
||||
</textarea>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Stacked Vertical Bar Graph</td>
|
||||
<td>stacked-vertical-bar-graph.php</td>
|
||||
<td>
|
||||
<textarea class="jpcodeblock">
|
||||
<img
|
||||
src="http://www.domain.com/jpowered/graph/stacked-vertical-bar-graph.php?
|
||||
data=[URLtoDATASOURCE]&
|
||||
config=[URLtoCONFIG]"
|
||||
width="500"
|
||||
height="400" />
|
||||
</textarea>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Stacked Vertical Cylinder Graph</td>
|
||||
<td>stacked-vertical-cylinder-graph.php</td>
|
||||
<td>
|
||||
<textarea class="jpcodeblock">
|
||||
<img
|
||||
src="http://www.domain.com/jpowered/graph/stacked-vertical-cylinder-graph.php?
|
||||
data=[URLtoDATASOURCE]&
|
||||
config=[URLtoCONFIG]"
|
||||
width="500"
|
||||
height="400" />
|
||||
</textarea>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Vertical Bar Graph</td>
|
||||
<td>vertical-bar-graph.php</td>
|
||||
<td>
|
||||
<textarea class="jpcodeblock">
|
||||
<img src="http://www.yourdomain.com/jpowered/graph/vertical-bar-graph.php?
|
||||
data=[URLtoDATASOURCE]&
|
||||
config=[URLtoCONFIG]"
|
||||
width="500"
|
||||
height="400" />
|
||||
</textarea>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Vertical Cylinder Graph</td>
|
||||
<td>vertical-cylinder-graph.php</td>
|
||||
<td>
|
||||
<textarea class="jpcodeblock">
|
||||
<img
|
||||
src="http://www.domain.com/jpowered/graph/vertical-cylinder-graph.php?
|
||||
data=[URLtoDATASOURCE]&
|
||||
config=[URLtoCONFIG]"
|
||||
width="500"
|
||||
height="400" />
|
||||
</textarea>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>X-Y Scatter Graph</td>
|
||||
<td>xy-scatter-graph.php</td>
|
||||
<td>
|
||||
<textarea class="jpcodeblock">
|
||||
<img
|
||||
src="http://www.domain.com/jpowered/graph/xy-scatter-graph.php?
|
||||
data=[URLtoDATASOURCE]&
|
||||
config=[URLtoCONFIG]"
|
||||
width="500"
|
||||
height="400" />
|
||||
</textarea>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class='grid_1'> </div>
|
||||
|
||||
<div class='grid_3'>
|
||||
|
||||
|
||||
<p><a href="../index.htm">Package Index</a></p>
|
||||
<p><a href="../demo/index.htm">Demo Index</a></p>
|
||||
<p><a href="../documentation/index.htm">Documentation</a></p>
|
||||
<p><a href="../documentation/troubleShooting.htm">Troubleshooting Guide</a></p>
|
||||
<p><a href="http://www.jpowered.com/support.htm">Support</a></p>
|
||||
|
||||
|
||||
<h4>Documentation Contents</h4>
|
||||
<p><a href="../documentation/addingGraphsToPages.htm">Adding Graphs to Web Pages</a></p>
|
||||
<p><a href="../documentation/configurationOptions.htm">Configuration Options and Parameters</a></p>
|
||||
<p><a href="../documentation/graphData.htm">Supplying the Graph with Data</a></p>
|
||||
<p><a href="../documentation/sampleImageTags.htm">Sample Image Tags</a></p>
|
||||
|
||||
|
||||
<h4>Database Connections</h4>
|
||||
<p><a href="databaseInformationFile.htm">Database Information method</a></p>
|
||||
<p><a href="customDataFunction.htm">Custom Data Function</a></p>
|
||||
|
||||
<p> </p>
|
||||
<p><a href="http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/">more Documentation Online here</a></p>
|
||||
|
||||
|
||||
|
||||
|
||||
<p> </p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class='footer'>
|
||||
|
||||
<!-- bottom menu bar -->
|
||||
<div class='container_12'>
|
||||
<div class='grid_12 innm'>
|
||||
<ul>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/">Graph Home</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/buy-now.htm" title="Pricing Options and obtaining License keys">Pricing / License Options</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/demos/" title="View the Online Demos here">Online Demos</a> </li>
|
||||
<li> <a href="../documentation/index.htm">Documentation</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/tutorials/" title="Online Tutorials">Tutorials</a> </li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- footer -->
|
||||
<div class='container_12'>
|
||||
<div class="grid_12 mc">[<a href="http://www.jpowered.com/"> JPowered.com </a>] [<a href="http://www.jpowered.com/products.htm" title="More software components for web applications"> More Products </a>] [<a href="http://www.jpowered.com/support.htm" title="For Help and Support, contact us here">Support </a>]</div>
|
||||
<div class="grid_12 cprt">Copyright © 2011 - 2014 Neutron Solutions Limited - All rights reserved.</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
178
OLD/overviewold/jpowered/documentation/troubleShooting.htm
Normal file
178
OLD/overviewold/jpowered/documentation/troubleShooting.htm
Normal file
@@ -0,0 +1,178 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
|
||||
<title>Advanced Graphs and Charts for PHP</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
||||
<link rel=STYLESHEET type="text/css" href="../images/960.css" />
|
||||
<link rel=STYLESHEET type="text/css" href="../images/jpprodstyle.css" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Title area -->
|
||||
<div class='container_12 header'>
|
||||
<div class='grid_4'>
|
||||
<a href='http://www.jpowered.com'><img style='border-width: 0px;' src='../images/jpowered.gif' width='270' height='60' align='left' alt='JPowered.com' /></a>
|
||||
</div>
|
||||
<div class='grid_8 omega product_title'>
|
||||
<h1>Advanced Graphs and Charts for PHP</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- top menu bar -->
|
||||
<div class='container_12'>
|
||||
<div class='grid_12 innm'>
|
||||
<ul>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/">Graph Home</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/buy-now.htm" title="Pricing Options and obtaining License keys">Pricing / License Options</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/demos/" title="View the Online Demos here">Online Demos</a> </li>
|
||||
<li> <a href="index.htm">Documentation</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/tutorials/" title="Online Tutorials">Tutorials</a> </li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- main content -->
|
||||
<div class='container_12 main_content'>
|
||||
|
||||
<div class='grid_9'>
|
||||
|
||||
<h1>Trouble Shooting Guide</h1>
|
||||
|
||||
<p>If you experience difficulties in getting the graph images to display then the following will help to establish the cause of the problem</p>
|
||||
|
||||
<h4>Error Log File</h4>
|
||||
<p>In the event the graphing software encounters a problem it will write a message to an error log file. The Error Log File is located in <strong>./jpowered/graph/log/</strong></p>
|
||||
<p>Hopefully the error messages in there will provide you with enough information to quickly resolve the issue. If not then please feel free to contact us at <a href="http://www.jpowered.com/support.htm" title="For Help and Support, contact us here">JPowered Support</a> and we will be happy to assist.</p>
|
||||
<p> </p>
|
||||
|
||||
<h4>Check the Data and Config processes</h4>
|
||||
<p>One of the most common problems is that either the Data or Config specified are not producing the result they
|
||||
should be. This can quickly be checked by entering the URL to those processes directly into the browser
|
||||
address bar</p>
|
||||
|
||||
<p>For example, if the IMG tag in your page is:-</p>
|
||||
<textarea class="jpcodeblock" style="width: 600px;">
|
||||
<img src="http://www.yourdomain.com/jpowered/graph/vertical-bar-graph.php?
|
||||
data=http://www.yourdomain.com/data/vbardata.php&
|
||||
config=http://www.yourdomain.com/vbarconfig.txt"
|
||||
width="500"
|
||||
height="400" />
|
||||
</textarea>
|
||||
<p>then you would enter the following URLs directly into your browser address bar:-</p>
|
||||
<textarea class="jpcodeblock" style="width: 600px;">
|
||||
|
||||
http://www.yourdomain.com/data/vbardata.php
|
||||
|
||||
http://www.yourdomain.com/vbarconfig.txt
|
||||
|
||||
</textarea>
|
||||
<p>This will quickly provide you with an indication of whether the problem is with the directory paths or the processes themselves.
|
||||
If all is fine with the data and config processes then you should proceed with the next step and run the graphing software in debug mode.</p>
|
||||
<p> </p>
|
||||
|
||||
|
||||
<h4>Debug Mode</h4>
|
||||
<p>If the log files do not provide the answer then the next step is to run the graphing software in debug mode.
|
||||
This is done by entering the URL of the IMG tag directly into browser address with an additional parameter added.</p>
|
||||
|
||||
<p>For example, if the IMG tag in your page is:-</p>
|
||||
<textarea class="jpcodeblock" style="width: 600px;">
|
||||
<img src="http://www.yourdomain.com/jpowered/graph/vertical-bar-graph.php?
|
||||
data=http://www.yourdomain.com/data/vbardata.php&
|
||||
config=http://www.yourdomain.com/vbarconfig.txt"
|
||||
width="500"
|
||||
height="400" />
|
||||
</textarea>
|
||||
<p>then you would enter the following URL directly into your browser address bar:-</p>
|
||||
<textarea class="jpcodeblock" style="width: 600px;">
|
||||
http://www.yourdomain.com/jpowered/graph/vertical-bar-graph.php?data=http://www.yourdomain.com/data/vbardata.php&config=http://www.yourdomain.com/vbarconfig.txt&debug=true
|
||||
</textarea>
|
||||
<p>NOTE: the additional parameter added to the end of the url is "debug=true"<br />
|
||||
The additional parameter tells the graphing software to turn on error reporting and so error message will be
|
||||
displayed in the browser</p>
|
||||
<p>Again, hopefully the error messages will provide you with enough information to quickly resolve
|
||||
the issue. If not then please feel free to contact us at <a href="http://www.jpowered.com/support.htm" title="For Help and Support, contact us here">JPowered Support</a> and we will be happy to assist.</p>
|
||||
<p> </p>
|
||||
|
||||
<h4>Relative URLs and Directory Paths</h4>
|
||||
<p>Another common cause of problems can be confusion over the directory paths. By default all relative paths are
|
||||
<strong>Relative to the Graphing Software and NOT the page</strong></p>
|
||||
<p>This can be overridden by the addition of the parameter <strong>baseurl</strong><br />
|
||||
For example, if your page containing the IMG tag is in your web root and you wish the data and config
|
||||
parameters to be relative to this then the IMG tag would look like this:-</p>
|
||||
|
||||
<textarea class="jpcodeblock" style="width: 600px;">
|
||||
<img src="http://www.yourdomain.com/jpowered/graph/vertical-bar-graph.php?
|
||||
baseurl=http://www.yourdomain.com/&
|
||||
data=./data/vbardata.php&
|
||||
config=vbarconfig.txt"
|
||||
width="500"
|
||||
height="400" />
|
||||
</textarea>
|
||||
|
||||
<p>This assumes that vbardata.php is located in the directory /data/ just below your web root and vbarconfig.txt is located in the web root.</p>
|
||||
<p> </p>
|
||||
|
||||
</div>
|
||||
|
||||
<div class='grid_3'>
|
||||
|
||||
|
||||
<p><a href="../index.htm">Package Index</a></p>
|
||||
<p><a href="../demo/index.htm">Demo Index</a></p>
|
||||
<p><a href="../documentation/index.htm">Documentation</a></p>
|
||||
<p><a href="../documentation/troubleShooting.htm">Troubleshooting Guide</a></p>
|
||||
<p><a href="http://www.jpowered.com/support.htm">Support</a></p>
|
||||
|
||||
|
||||
<h4>Documentation Contents</h4>
|
||||
<p><a href="../documentation/addingGraphsToPages.htm">Adding Graphs to Web Pages</a></p>
|
||||
<p><a href="../documentation/configurationOptions.htm">Configuration Options and Parameters</a></p>
|
||||
<p><a href="../documentation/graphData.htm">Supplying the Graph with Data</a></p>
|
||||
<p><a href="../documentation/sampleImageTags.htm">Sample Image Tags</a></p>
|
||||
|
||||
|
||||
<h4>Database Connections</h4>
|
||||
<p><a href="databaseInformationFile.htm">Database Information method</a></p>
|
||||
<p><a href="customDataFunction.htm">Custom Data Function</a></p>
|
||||
|
||||
<p> </p>
|
||||
<p><a href="http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/">more Documentation Online here</a></p>
|
||||
|
||||
|
||||
|
||||
|
||||
<p> </p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class='footer'>
|
||||
|
||||
<!-- bottom menu bar -->
|
||||
<div class='container_12'>
|
||||
<div class='grid_12 innm'>
|
||||
<ul>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/">Graph Home</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/buy-now.htm" title="Pricing Options and obtaining License keys">Pricing / License Options</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/demos/" title="View the Online Demos here">Online Demos</a> </li>
|
||||
<li> <a href="../documentation/index.htm">Documentation</a> </li>
|
||||
<li> <a href="http://www.jpowered.com/php-scripts/adv-graph-chart/tutorials/" title="Online Tutorials">Tutorials</a> </li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- footer -->
|
||||
<div class='container_12'>
|
||||
<div class="grid_12 mc">[<a href="http://www.jpowered.com/"> JPowered.com </a>] [<a href="http://www.jpowered.com/products.htm" title="More software components for web applications"> More Products </a>] [<a href="http://www.jpowered.com/support.htm" title="For Help and Support, contact us here">Support </a>]</div>
|
||||
<div class="grid_12 cprt">Copyright © 2011 - 2014 Neutron Solutions Limited - All rights reserved.</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user