LASUCA/controls-web
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
4eef92b7cc2ae7be27a01913925d419beba553a1
controls-web/overviews/jpowered/demo/examples/multiScales.htm
Rucus f0ae0ab905 Folder reorganize 1
2026-02-17 12:44:37 -06:00

171 lines
7.3 KiB
HTML
Raw Blame History

<!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="../../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>
<!-- main content -->
<div class='container_12 main_content'>
<div class='grid_9'>
<p>In the Vertical Bar Graph below we plot 2 series of data with the first using the left y-axis scales and the second
using the right y-axis scale.</p>
<p>By default all data will be set to plot against the left hand y-axis scale. To override this
and tell the graph software to plot data against a right hand y-axis scale an additional element
is added to the sereisN parameter in the configuration. In this case we tell the graph software to
plot series 2 against the right hand scale by adding the value 'right' to the end of the series
parameter string:-</p>
<p>series2: #993399|Sales Volume|right|</p>
<img src="../../graph/vertical-bar-graph.php?
data=../demo/examples/data/dataFileMultiScale.txt&
config=../demo/examples/data/configFileMultiScale.txt"
width=700
height=400 />
<p>&nbsp;</p>
<p>Here is the IMG tag which invokes the graphing software which dynamically creates the
graph image at page load time.</p>
<textarea class="jpcodeblock" style="width: 600px;">
<img src="../../graph/vertical-bar-graph.php?
data=../demo/examples/data/dataFileMultiScale.txt&
config=../demo/examples/data/configFileMultiScale.txt"
width=700
height=400 />
</textarea>
<p>Here we tell the software to load the configuration options from the
file <a href='./data/configFileMultiScale.txt'>configFileMultiScale.txt</a> and the data
from the file <a href='./data/dataFileMultiScale.txt'>dataFileMultiScale.txt</a></p>
<p><strong>Note:</strong> the URLs supplied for both the configuration and
data are relative URLs. The URLs are relative to the location of the
graphing software and NOT this page.</p>
<p>If the graph does not display then see the <a href="../../documentation/troubleShooting.htm">Troubleshooting guide</a> for details on how to resolve the problem.</p>
<p>&nbsp;</p>
</div>
<div class='grid_3'>
<p><a href="../../index.htm">Package 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>Examples</h4>
<ul>
<li><a href='../examples/dataFiles.htm'>Graphing Data from files</a></li>
<li><a href='../examples/scripts.htm'>Data from external scripts</a></li>
<li><a href='../examples/datafunction.htm'>Custom data function</a></li>
<li><a href='../examples/requestParams.htm'>Utilising request parameters</a></li>
<li><a href='../examples/database.htm'>Plotting data from a database</a></li>
<li><a href='../examples/interface.htm'>Database interface scripts</a></li>
<li><a href='../examples/multiScales.htm'>Multiple Scales, text and images</a></li>
<li><a href='../examples/csvfile.htm'>Graphing CSV files</a></li>
</ul>
<h4>Basic Chart Styles</h4>
<ul>
<li><a href="../../demo/piechart/index.htm">Pie Charts</a></li>
<li><a href="../../demo/xyscatter/index.htm">X-Y Scatter Graphs</a></li>
<li><a href="../../demo/bubblechart/index.htm">Bubble Charts</a></li>
<li><a href="../../demo/areagraph/index.htm">Area Graphs</a></li>
<li><a href="../../demo/linegraph/index.htm">Line Graphs</a></li>
</ul>
<h4>Bar Graphs</h4>
<ul>
<li><a href="../../demo/vbar/index.htm">Vertical Bar Graphs</a></li>
<li><a href="../../demo/svbar/index.htm">Stacked Vertical Bar Graphs</a></li>
<li><a href="../../demo/hbar/index.htm">Horizontal Bar Graphs</a></li>
<li><a href="../../demo/shbar/index.htm">Stacked Horizontal Bar Graphs</a></li>
</ul>
<h4>Cylinder Charts</h4>
<ul>
<li><a href="../../demo/cylinder-Vbar/index.htm">Vertical Cylinder Graphs</a></li>
<li><a href="../../demo/cylinder-SVbar/index.htm">Stacked Vertical Cylinder Graphs</a></li>
<li><a href="../../demo/cylinder-Hbar/index.htm">Horizontal Cylinder Graphs</a></li>
<li><a href="../../demo/cylinder-SHbar/index.htm">Stacked Horizontal Cylinder Graphs</a></li>
</ul>
<h4>Combination Charts</h4>
<ul>
<li><a href="../../demo/combi-Area-SVbar/index.htm">Area and Stacked Vertical Bar Graph</a></li>
<li><a href="../../demo/combi-Area-Vbar/index.htm">Area and Vertical Bar Graph</a></li>
<li><a href="../../demo/combi-Line-SVbar/index.htm">Line and Stacked Vertical Bar Graph</a></li>
<li><a href="../../demo/combi-Line-Vbar/index.htm">Line and Vertical Bar Graph</a></li>
</ul>
<p>&nbsp;</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 &copy; 2011 - 2014 Neutron Solutions Limited - All rights reserved.</div>
</div>
</div>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink