Initial commit

This commit is contained in:
whoisfrost
2026-02-17 13:30:09 -06:00
commit f24a2e2235
404 changed files with 37425 additions and 0 deletions

41
.github/copilot-instructions.md vendored Normal file
View File

@@ -0,0 +1,41 @@
# LASUCA Controls Copilot Instructions
## Architecture snapshot
- `index.php` is the live overview: PrototypeJS `Ajax.Updater` polls `data/main.php` every second and swaps the entire dashboard fragment into `<div id="overview_values">`.
- Feature pages under `boilers/`, `tanks/`, `vertical/`, etc. copy the same pattern but point to their own `*main.php` include stacks.
- Each `data/*.php` partial renders a table-driven widget and assumes pre-populated arrays such as `$value`, `$ID`, `$rounded1`; these now come from the shared loaders in `includes/items.php` and `includes/items2dec.php`, which hydrate process tag values from the historians/PLCs before the fragment renders.
- Legacy alternates live in `data/OLD/` for reference—verify changes against their modern counterparts before deleting behavior.
## Data sources & globals
- MySQL connectivity is centralized in `includes/dbinfo.php` / `includes/dbconnect.php`; fragments build short queries (e.g. `includes/w15minavg.php`, `includes/record.php`) with raw `mysqli` calls—close handles once done.
- Sugar-cane totals (`includes/tonsin.php`) come from SQL Server via `sqlsrv_connect`; the PHP `sqlsrv` extension must be installed locally.
- Expect `items.php` to return associative arrays keyed by SCADA tag names (uppercase with spaces or underscores). When adding new metrics, extend that upstream fetch first or guard against missing keys with `isset()`.
## Working with dashboard modules
- New UI blocks belong in `data/` and should mirror the existing table markup + inline PHP echoes; keep row comments (`ROW START/END`) to stay navigable.
- Progress bars rely on CSS IDs declared in `style.css` (`#progressmills`, `#progresstanks`, etc.); reuse existing IDs to inherit sizing.
- Automation/manual status chips are rendered by branching on numeric flags (`0` auto, `1` manual). Follow the color scheme already in `data/boilers*.php` and `data/tablesandtd.php`.
- When you need downtime banners, look at `data/maintenence.php` for the minimal markup.
## Polling & client behavior
- Prototype's `PeriodicalExecuter` schedules refreshes; any new async endpoint should output a full HTML fragment ready for innerHTML replacement and avoid emitting `<html>` or `<body>` tags.
- Avoid long-running queries—each partial runs every second, so cache expensive math in SQL views or upstream collectors.
## Local run & verification
- There is no build step; serve locally with PHP's built-in server from the repo root, e.g. `php -S localhost:8000 -t v:\overviews`. Hit `/index.php` to smoke-test.
- Before shipping, lint touched PHP with `php -l path/to/file.php`; broken includes surface only at runtime, so exercise the page you changed.
- Provide sanitized credentials via environment-driven includes when committing—current repo stores plaintext, so redact them if you regenerate config files.
## Gotchas & tips
- Missing `includes/items.php` or `includes/items2dec.php` will fatal—stub them with dummy arrays when running in isolation.
- Data fragments expect to step up one directory (`../includes/...`) to reach shared helpers; when adding new modules keep that relative pathing consistent.
- Fonts and viewport sizing depend on vw units; test in a 4K display mode if you tweak CSS spacing.
- Keep Ajax endpoints PHP-only—switching to JSON would require rewriting the Prototype update pipeline, so stick with HTML fragments unless you plan a broader refactor.
## Developer tools
- `testall/` - Shows all modular dashboard sections on one page for easier editing. Use this when working on individual modules to see changes in context.
## Deprecated/experimental (ignore)
- `jpowered/` - Unused experiment
- `loaddata/` - Experiment, should be moved to OLD/
- `OLD/` - Legacy files

View File

@@ -0,0 +1,7 @@
<?php include("../data/4kheader.php");?>
<?php include("../data/maintenence.php");?>
<?php /*include("../data/4knewmills.php");?>
<?php include("../data/4ktanklevelsbar.php");?>
<?php include("../data/4kboilersfull.php");?>
<?php include("../data/4kboiler7and8.php");*/?>

View File

@@ -0,0 +1,6 @@
<?php include("../data/header.php");?>
<?php include("../data/generalboilers.php");?>
<?php include("../data/tanklevelsbar.php");?>
<?php include("../data/boilersfull.php");?>

32
OLD/4kboilers/index.php Normal file
View File

@@ -0,0 +1,32 @@
<!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" dir="ltr" lang="en-US" xml:lang="en">
<head>
<link href="../style.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>LASUCA Controls </title>
<script type="text/javascript" src="../script.js"></script>
<script src="../js/prototype.js" type="text/javascript"></script>
<script src="../js/scriptaculous.js" type="text/javascript"></script>
<script type="text/javascript">
function showHint()
{
var sid = Math.random();
new Ajax.Updater('overview_values', 'boiler7and8.php?sid=' + sid, {asynchronous:true});
}
function startShowing()
{
new PeriodicalExecuter(showHint, 1);
new PeriodicalExecuter(function(pe) {}, 5);
}
startShowing();
</script>
</head>
<body bgcolor="#000000">
<div id='overview_values' name='overview_values'></div>
</body>
</html>

View File

@@ -0,0 +1,2 @@
<?php include("../data/4kboiler7and8.php");?>

View File

@@ -0,0 +1,6 @@
<?php include("../data/header.php");?>
<?php include("../data/generalboilers.php");?>
<?php include("../data/tanklevelsbar.php");?>
<?php include("../data/boilersfull.php");?>

32
OLD/boiler7and8/index.php Normal file
View File

@@ -0,0 +1,32 @@
<!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" dir="ltr" lang="en-US" xml:lang="en">
<head>
<link href="../style.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>LASUCA Controls </title>
<script type="text/javascript" src="../script.js"></script>
<script src="../js/prototype.js" type="text/javascript"></script>
<script src="../js/scriptaculous.js" type="text/javascript"></script>
<script type="text/javascript">
function showHint()
{
var sid = Math.random();
new Ajax.Updater('overview_values', 'boiler7and8.php?sid=' + sid, {asynchronous:true});
}
function startShowing()
{
new PeriodicalExecuter(showHint, 1);
new PeriodicalExecuter(function(pe) {}, 5);
}
startShowing();
</script>
</head>
<body bgcolor="#000000">
<div id='overview_values' name='overview_values'></div>
</body>
</html>

View File

@@ -0,0 +1,152 @@
<?php
$delay = 15; // time in seconds
header("Refresh: $delay; URL=" . $_SERVER['PHP_SELF']);
/**
* Refresh truck dump stats cache.
*
* Run via cron every 60 seconds:
* * * * * * php /path/to/refresh_truckdump_cache.php
*
* Or call from truckdump.php with stale-check.
*/
// Ensure PHP uses the same timezone as MySQL/local server
date_default_timezone_set('America/Chicago');
$con = mysqli_connect('192.168.0.10', 'corey', '41945549', 'controls');
if (!$con) {
error_log('refresh_truckdump_cache: DB connection failed');
exit(1);
}
/**
* Format seconds as HH:MM:SS
*/
function formatDuration($seconds)
{
if ($seconds <= 0) {
return '00:00:00';
}
$hours = floor($seconds / 3600);
$minutes = floor(($seconds % 3600) / 60);
$secs = $seconds % 60;
return sprintf('%02d:%02d:%02d', $hours, $minutes, $secs);
}
/**
* Get dump timestamps for a given counter column.
* Finds when the counter value changed (i.e., when a dump occurred).
* Returns array of up to 10 timestamps (most recent first).
*/
function getDumpTimestamps($con, $counterColumn)
{
// Find the first occurrence of each counter value (when it incremented)
// by getting the MIN(DATE) for each distinct counter value
$query = "
SELECT MIN(DATE) AS dump_time
FROM plc
GROUP BY {$counterColumn}
ORDER BY {$counterColumn} DESC
LIMIT 10
";
$result = mysqli_query($con, $query);
if (!$result) {
return [];
}
$timestamps = [];
while ($row = mysqli_fetch_assoc($result)) {
$ts = strtotime($row['dump_time']);
if ($ts) {
$timestamps[] = $ts;
}
}
return $timestamps;
}
/**
* Calculate stats for a dump location.
*/
function calculateDumpStats($con, $counterColumn)
{
$timestamps = getDumpTimestamps($con, $counterColumn);
$now = time();
$sinceLast = '00:00:00';
$betweenDumps = '00:00:00';
$avg10 = '00:00:00';
if (count($timestamps) >= 1) {
// Time since the most recent dump
$sinceLast = formatDuration($now - $timestamps[0]);
}
if (count($timestamps) >= 2) {
// Time between the last two dumps
$betweenDumps = formatDuration($timestamps[0] - $timestamps[1]);
}
if (count($timestamps) >= 10) {
// Average time between 10 dumps = (first - tenth) / 9 intervals
$avgSeconds = ($timestamps[0] - $timestamps[9]) / 9;
$avg10 = formatDuration((int) $avgSeconds);
}
return [
'since_last' => $sinceLast,
'between_dumps' => $betweenDumps,
'avg_10' => $avg10,
];
}
// Calculate all stats
$east = calculateDumpStats($con, 'totnorth');
$west1 = calculateDumpStats($con, 'totsouth');
$west2 = calculateDumpStats($con, 'totwest2');
// Update cache table
$sql = "
UPDATE truckdump_stats_cache SET
east_since_last = ?,
east_between_dumps = ?,
east_avg_10 = ?,
west1_since_last = ?,
west1_between_dumps = ?,
west1_avg_10 = ?,
west2_since_last = ?,
west2_between_dumps = ?,
west2_avg_10 = ?,
updated_at = NOW()
WHERE id = 1
";
$stmt = mysqli_prepare($con, $sql);
mysqli_stmt_bind_param(
$stmt,
'sssssssss',
$east['since_last'],
$east['between_dumps'],
$east['avg_10'],
$west1['since_last'],
$west1['between_dumps'],
$west1['avg_10'],
$west2['since_last'],
$west2['between_dumps'],
$west2['avg_10']
);
$success = mysqli_stmt_execute($stmt);
mysqli_stmt_close($stmt);
mysqli_close($con);
if ($success) {
echo "Cache refreshed at " . date('Y-m-d H:i:s') . "\n";
exit(0);
} else {
error_log('refresh_truckdump_cache: Update failed');
exit(1);
}

9
OLD/dbconnect.php Normal file
View File

@@ -0,0 +1,9 @@
<?php
$host="192.168.0.2";
$username="corey";
$password="41945549";
$database="controls";
$con = mysqli_connect($host ,$username, $password, $database);
@mysqli_select_db($con, $database) or die( "Unable to select database");
?>

6
OLD/dbinfo.php Normal file
View File

@@ -0,0 +1,6 @@
<?php
$host="192.168.0.10";
$username="corey";
$password="41945549";
$database="controls";
?>

View File

@@ -0,0 +1,2 @@
<?php include("../data/general.php");?>

41
OLD/general/index.php Normal file
View File

@@ -0,0 +1,41 @@
<!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" dir="ltr" lang="en-US" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>LASUCA Controls </title>
<script type="text/javascript" src="script.js"></script>
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js" type="text/javascript"></script>
<script type="text/javascript">
function showHint()
{
var sid = Math.random();
new Ajax.Updater('overview_values', 'generalmain.php?sid=' + sid, {asynchronous:true});
}
function startShowing()
{
new PeriodicalExecuter(showHint, 1);
new PeriodicalExecuter(function(pe) {}, 5);
}
startShowing();
</script>
</head>
<body bgcolor="#000000">
<div id='overview_values' name='overview_values'></div>
<?php
if ($f4 <= 500)
$txt = "This is a test email from the controls network";
$txt = wordwrap($txt,70);
mail("3373800339@txt.att.net","Controls",$txt);
?>
</body>
</html>

View File

@@ -0,0 +1,79 @@
/* --------------------------------------------------------------------------------------------- */
/* */
/* For the full range of options and parameter meanings please see:- */
/* */
/* http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/configurationOptions.htm */
/* */
/* --------------------------------------------------------------------------------------------- */
width: 700
height: 400
series1: #80C2FF|Product X|8|pluscross|true|solid|
backgroundcolor: #FFDA80
grid: true
axis: true
3d: false
ndecplaces: 0
thousandseparator: ,
gridbgcolor: #FFEDBF
axiscolor: #005EB3
floorcolor: light gray
gridcolor: #80C2FF
gridstyle: dotted
titletext: Product Sales by Month
titlefont: Arial
titlefontsize: 12
titlefontbold: true
titlefontitalic: false
titlecolor: #005EB3
titleposition: -1,50
ytitletext: Value
ytitlefont: Arial
ytitlefontsize: 11
ytitlefontbold: true
ytitlefontitalic: false
ytitlecolor: #005EB3
ylabels: true
ylabelcolor: #005EB3
ylabelpre: $
ylabelpost:
ylabelfont: Arial
ylabelfontsize: 9
ylabelfontbold: false
ylabelfontitalic: false
xtitletext: Month
xtitlefont: Arial
xtitlefontsize: 11
xtitlefontbold: true
xtitlefontitalic: false
xtitlecolor: #005EB3
xlabels: January|February|March|April|May|June|July|August|September|October|November|December|
xlabelorientation: Up Angle
xlabeloffset: 0
xlabelfont: Arial
xlabelfontsize: 10
xlabelfontbold: false
xlabelfontitalic: false
xlabelcolor: #005EB3
legend: true
legendstyle: horizontal
legendbgcolor: #FFEDBF
legendbordercolor: #FFEDBF
legendtextcolor: #005EB3
legendtitle:
legendfont: Arial
legendfontsize: 10
legendfontbold: false
legendfontitalic: true

View File

@@ -0,0 +1,82 @@
/* --------------------------------------------------------------------------------------------- */
/* */
/* For the full range of options and parameter meanings please see:- */
/* */
/* http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/configurationOptions.htm */
/* */
/* --------------------------------------------------------------------------------------------- */
width: 700
height: 400
series1: #FF9900|Product X|8|box|false|dotted dashed|
backgroundcolor: #FFCC80
grid: true
axis: true
3d: true
depth3d: 20
vspace: 25
nrows: 10
ndecplaces: 0
chartscale: 100
chartstarty: 0
gridbgcolor: #FFE6BF
axiscolor: #B36B00
floorcolor: #FFE6BF
gridcolor: #B36B00
gridstyle: dotted
titletext: Total Score for the Season
titlefont: Arial
titlefontsize: 12
titlefontbold: true
titlefontitalic: false
titlecolor: #24006B
titleposition: -1,50
ytitletext: Score
ytitlefont: Arial
ytitlefontsize: 11
ytitlefontbold: true
ytitlefontitalic: false
ytitlecolor: #24006B
ylabels: true
ylabelcolor: #24006B
ylabelpost: pts
ylabelfont: Arial
ylabelfontsize: 9
ylabelfontbold: false
ylabelfontitalic: false
xtitletext: Player
xtitlefont: Arial
xtitlefontsize: 11
xtitlefontbold: true
xtitlefontitalic: false
xtitlecolor: #24006B
xlabels: John|Robert|Janice|Alf|Susan|
xlabelorientation: Up Angle
xlabeloffset: 0
xlabelfont: Arial
xlabelfontsize: 10
xlabelfontbold: false
xlabelfontitalic: false
xlabelcolor: #24006B
legend: true
legendstyle: horizontal
legendbgcolor: #FFE6BF
legendbordercolor: #B36B00
legendtextcolor: #24006B
legendtitle:
legendfont: Arial
legendfontsize: 10
legendfontbold: false
legendfontitalic: true

View File

@@ -0,0 +1,83 @@
/* --------------------------------------------------------------------------------------------- */
/* */
/* For the full range of options and parameter meanings please see:- */
/* */
/* http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/configurationOptions.htm */
/* */
/* --------------------------------------------------------------------------------------------- */
width: 700
height: 400
series1: 255,80,30|Team A|10|triangle|true|solid|
series2: 10,122,164|Team B|10|box|true|solid|
series3: 150,90,200|Team C|10|diamond|true|solid|
backgroundcolor: #FFF7C3
grid: true
axis: true
3d: true
depth3d: 20
ndecplaces: 0
displayvalues: false
gridbgcolor: #FFFFFF
axiscolor: dark grey
floorcolor: light gray
gridcolor: grey
gridstyle: dotted
titletext: Scores by Team per Season
titlefont: Arial
titlefontsize: 12
titlefontbold: true
titlefontitalic: false
titlecolor: #075273
titleposition: -1,50
ytitletext: Points
ytitlefont: Arial
ytitlefontsize: 11
ytitlefontbold: true
ytitlefontitalic: false
ytitlecolor: #075273
ylabels: true
ylabelcolor: #075273
ylabelpost: pts
ylabelfont: Arial
ylabelfontsize: 9
ylabelfontbold: false
ylabelfontitalic: false
xtitletext: Season
xtitlefont: Arial
xtitlefontsize: 11
xtitlefontbold: true
xtitlefontitalic: false
xtitlecolor: #075273
xlabels: 2008|2009|2010|2011|
xlabelorientation: horizontal
xlabeloffset: 0
xlabelfont: Arial
xlabelfontsize: 10
xlabelfontbold: false
xlabelfontitalic: false
xlabelcolor: #075273
legend: true
legendstyle: horizontal
legendbgcolor: #FFF7C3
legendbordercolor: #FFF7C3
legendtextcolor: #075273
legendtitle:
legendfont: Arial
legendfontsize: 10
legendfontbold: true
legendfontitalic: false

View File

@@ -0,0 +1,82 @@
/* --------------------------------------------------------------------------------------------- */
/* */
/* For the full range of options and parameter meanings please see:- */
/* */
/* http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/configurationOptions.htm */
/* */
/* --------------------------------------------------------------------------------------------- */
width: 700
height: 400
series1: #228DDD|Team A|6|triangle|true|solid|
series2: #DD2222|Team B|6|diamond|true|solid|
series3: #DD8022|Team C|6|box|true|solid|
backgroundcolor: #222222
grid: true
axis: true
3d: false
depth3d: 5
ndecplaces: 0
displayvalues: false
gridbgcolor: #CCCCCC
axiscolor: dark green
floorcolor: green
gridcolor: #22DD22
gridstyle: dotted
titletext: Scores by Team per Season
titlefont: Arial
titlefontsize: 12
titlefontbold: true
titlefontitalic: false
titlecolor: #22DD22
titleposition: -1,50
ytitletext: Points
ytitlefont: Arial
ytitlefontsize: 11
ytitlefontbold: true
ytitlefontitalic: false
ytitlecolor: #22DD22
ylabels: true
ylabelcolor: #22DD22
ylabelpost: pts
ylabelfont: Arial
ylabelfontsize: 9
ylabelfontbold: false
ylabelfontitalic: false
xtitletext: Season
xtitlefont: Arial
xtitlefontsize: 11
xtitlefontbold: true
xtitlefontitalic: false
xtitlecolor: #22DD22
xlabels: 2000|2001|2002|2003|2004|2005|2006|2007|2008|2009|
xlabelorientation: Up Angle
xlabeloffset: 0
xlabelfont: Arial
xlabelfontsize: 10
xlabelfontbold: false
xlabelfontitalic: false
xlabelcolor: #22DD22
legend: true
legendstyle: horizontal
legendbgcolor: #000000
legendbordercolor: #000000
legendtextcolor: #FFFFFF
legendtitle:
legendfont: Arial
legendfontsize: 10
legendfontbold: false
legendfontitalic: true

View File

@@ -0,0 +1,12 @@
data1series1: 82000
data2series1: 60000
data3series1: 35000
data4series1: 20000
data5series1: 25000
data6series1: 13000
data7series1: 21000
data8series1: 32000
data9series1: 29000
data10series1: 45000
data11series1: 72000
data12series1: 65000

View File

@@ -0,0 +1,5 @@
data1series1: 800
data2series1: 750
data3series1: 350
data4series1: 200
data5series1: 250

View File

@@ -0,0 +1,16 @@
data1series1: 5
data2series1: 7
data3series1: 35
data4series1: 8
data1series2: 82
data2series2: 60
data3series2: 43
data4series2: 55
data1series3: 10
data2series3: 15
data3series3: 12
data4series3: 5

View File

@@ -0,0 +1,34 @@
data1series1: 5
data2series1: 11
data3series1: 35
data4series1: 8
data5series1: 21
data6series1: 24
data7series1: 17
data8series1: 19
data9series1: 32
data10series1: 33
data1series2: 25
data2series2: 11
data3series2: 15
data4series2: 22
data5series2: 60
data6series2: 43
data7series2: 55
data8series2: 49
data9series2: 40
data10series2: 45
data1series3: 10
data2series3: 15
data3series3: 12
data4series3: 5
data5series3: 7
data6series3: 3
data7series3: 7
data8series3: 8
data9series3: 4
data10series3: 9

View File

@@ -0,0 +1,144 @@
<!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>If the graphs below do not display then see the <a href="../../documentation/troubleShooting.htm">Troubleshooting guide</a> for details on how to resolve the problem.</p>
<img src="../../graph/area-graph.php?
data=../demo/areagraph/data1.txt&
config=../demo/areagraph/config1.txt"
width=700
height=400 />
<p>&nbsp;</p>
<img src="../../graph/area-graph.php?
data=../demo/areagraph/data3.txt&
config=../demo/areagraph/config3.txt"
width=700
height=400 />
<p>&nbp;</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>
</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>

View File

@@ -0,0 +1,83 @@
/* --------------------------------------------------------------------------------------------- */
/* */
/* For the full range of options and parameter meanings please see:- */
/* */
/* http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/configurationOptions.htm */
/* */
/* --------------------------------------------------------------------------------------------- */
width: 700
height: 400
series1: red|Product X|left|8|triangle|true|solid|
quality: medium
transparency: 70
maxbubblesize: 80
backgroundcolor: black
grid: true
axis: true
ndecplaces: 0
thousandseparator: ,
displayvalues: true
chartStartY: 0
chartStartX: 0
chartscale: 80000
chartscaleX: 20000
gridbgcolor: #000055
axiscolor: dark grey
floorcolor: light gray
gridcolor: grey
gridstyle: dotted
titletext: Sales vs Downloads
titleposition: -1,50
titlefont: Arial
titlefontsize: 12
titlefontbold: true
titlefontitalic: false
titlecolor: #80FF80
xtitletext: Number of Downloads
xtitlefont: Arial
xtitlefontsize: 11
xtitlefontbold: true
xtitlefontitalic: false
xtitlecolor: #80FF80
ytitletext: Value of Sales
ytitlefont: Arial
ytitlefontsize: 11
ytitlefontbold: true
ytitlefontitalic: false
ytitlecolor: #80FF80
xlabelcolor: #80FF80
xlabelfont: Arial
xlabelfontsize: 10
xlabelfontbold: true
xlabelfontitalic: false
ylabels: true
ylabelfont: Arial
ylabelfontsize: 10
ylabelfontbold: true
ylabelfontitalic: false
ylabelcolor: #80FF80
ylabelpre: $
ylabelpost:
legend: true
legendstyle: horizontal
legendbgcolor: #EEEEEE
legendbordercolor: #CCCCFF
legendtextcolor: #8080B0
legendtitle:
legendfont: Arial
legendfontsize: 10
legendfontbold: false
legendfontitalic: true

View File

@@ -0,0 +1,83 @@
/* --------------------------------------------------------------------------------------------- */
/* */
/* For the full range of options and parameter meanings please see:- */
/* */
/* http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/configurationOptions.htm */
/* */
/* --------------------------------------------------------------------------------------------- */
width: 700
height: 400
series1: red|Product X|left|0|triangle|true|solid|
series2: green|Product Y|left|0|box|true|solid|
series3: blue|Product Z|left|0|diamond|true|solid|
quality: medium
transparency: 70
maxbubblesize: 80
threed: true
backgroundcolor: black
grid: true
axis: true
ndecplaces: 0
thousandseparator: ,
displayvalues: false
chartStartY: 0
chartStartX: 0
chartscale: 80000
chartscaleX: 20000
gridbgcolor: #000055
axiscolor: dark grey
floorcolor: light gray
gridcolor: grey
gridstyle: dotted
titletext: Sales vs Downloads
titleposition: -1,50
titlefont: Arial
titlefontsize: 12
titlefontbold: true
titlefontitalic: false
titlecolor: #8080B0
xtitletext: Number of Downloads
xtitlefont: Arial
xtitlefontsize: 11
xtitlefontbold: true
xtitlefontitalic: false
xtitlecolor: #80FF80
ytitletext: Value of Sales
ytitlefont: Arial
ytitlefontsize: 11
ytitlefontbold: true
ytitlefontitalic: false
ytitlecolor: #80FF80
ylabels: true
ylabelfont: Arial
ylabelfontsize: 9
ylabelfontbold: false
ylabelfontitalic: false
ylabelcolor: black
y2labelcolor: blue
ylabelpre: $
ylabelpost:
xlabelcolor: #80FF80
legend: true
legendstyle: horizontal
legendbgcolor: #EEEEEE
legendbordercolor: #CCCCFF
legendtextcolor: #8080B0
legendtitle:
legendfont: Arial
legendfontsize: 10
legendfontbold: false
legendfontitalic: true

View File

@@ -0,0 +1,80 @@
/* --------------------------------------------------------------------------------------------- */
/* */
/* For the full range of options and parameter meanings please see:- */
/* */
/* http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/configurationOptions.htm */
/* */
/* --------------------------------------------------------------------------------------------- */
width: 700
height: 400
series1: red|Product X|left|8|triangle|true|solid|
quality: medium
transparency: 70
maxbubblesize: 60
backgroundcolor: #DDDDDD
grid: true
axis: true
ndecplaces: 0
thousandseparator: ,
displayvalues: false
chartStartY: 0
chartStartX: 0
chartscale: 80000
chartscaleX: 20000
gridbgcolor: #FFFFFF
axiscolor: dark grey
floorcolor: light gray
gridcolor: grey
gridstyle: dotted
titletext: Sales vs Downloads
titleposition: -1,50
titlefont: Arial
titlefontsize: 12
titlefontbold: true
titlefontitalic: false
titlecolor: #666666
xtitletext: Number of Downloads
xtitlefont: Arial
xtitlefontsize: 11
xtitlefontbold: true
xtitlefontitalic: false
xtitlecolor: #666666
ytitletext: Value of Sales
ytitlefont: Arial
ytitlefontsize: 11
ytitlefontbold: true
ytitlefontitalic: false
ytitlecolor: #666666
ylabels: true
ylabelfont: Arial
ylabelfontsize: 9
ylabelfontbold: false
ylabelfontitalic: false
ylabelcolor: black
y2labelcolor: blue
ylabelpre: $
ylabelpost:
xlabelcolor: #666666
legend: true
legendstyle: horizontal
legendbgcolor: #FFFFFF
legendbordercolor: #666666
legendtextcolor: #666666
legendtitle:
legendfont: Arial
legendfontsize: 10
legendfontbold: false
legendfontitalic: true

View File

@@ -0,0 +1,83 @@
/* --------------------------------------------------------------------------------------------- */
/* */
/* For the full range of options and parameter meanings please see:- */
/* */
/* http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/configurationOptions.htm */
/* */
/* --------------------------------------------------------------------------------------------- */
width: 700
height: 400
series1: red|Product X|left|8|triangle|true|solid|
series2: purple|Product Y|left|8|box|true|solid|
series3: blue|Product Z|left|8|diamond|true|solid|
quality: medium
transparency: 70
maxbubblesize: 80
backgroundcolor: black
grid: true
axis: true
ndecplaces: 0
thousandseparator: ,
displayvalues: false
chartStartY: 0
chartStartX: 0
chartscale: 80000
chartscaleX: 20000
gridbgcolor: #EEFFEE
gridbgcolor2: #CCDDCC
axiscolor: dark grey
floorcolor: light gray
gridcolor: grey
gridstyle: dotted
titletext: Sales vs Downloads
titleposition: -1,50
titlefont: Arial
titlefontsize: 12
titlefontbold: true
titlefontitalic: false
titlecolor: #8080B0
xtitletext: Number of Downloads
xtitlefont: Arial
xtitlefontsize: 11
xtitlefontbold: true
xtitlefontitalic: false
xtitlecolor: #80FF80
ytitletext: Value of Sales
ytitlefont: Arial
ytitlefontsize: 11
ytitlefontbold: true
ytitlefontitalic: false
ytitlecolor: #80FF80
ylabels: true
ylabelfont: Arial
ylabelfontsize: 9
ylabelfontbold: false
ylabelfontitalic: false
ylabelcolor: black
y2labelcolor: blue
ylabelpre: $
ylabelpost:
xlabelcolor: #80FF80
legend: true
legendstyle: horizontal
legendbgcolor: #EEEEEE
legendbordercolor: #CCCCFF
legendtextcolor: #8080B0
legendtitle:
legendfont: Arial
legendfontsize: 10
legendfontbold: false
legendfontitalic: true

View File

@@ -0,0 +1,6 @@
data1series1: 82000,348500,20000
data2series1: 70000,250420,50000
data3series1: 35000,240000,40000
data4series1: 20000,150000,30000
data5series1: 25000,98000,20000
data6series1: 26000,55000,55000

View File

@@ -0,0 +1,32 @@
data1series1: 82000,398500,20000
data2series1: 60000,250420,40000
data3series1: 35000,240000,20000
data4series1: 20000,130000,20000
data5series1: 25000,98000,20000
data6series1: 13000,75000,20000
data7series1: 21000,120000,20000
data8series1: 32000,154000,20000
data9series1: 29000,162000,20000
data10series1: 45000,158000,20000
data11series1: 72000,220000,20000
data12series1: 65000,197000,20000
data1series2: 42000,348500,60000
data2series2: 30000,250420,20000
data3series2: 25000,240000,20000
data4series2: 10000,130000,20000
data5series2: 15000,98000,20000
data6series2: 8000,75000,20000
data7series2: 11000,120000,20000
data8series2: 12000,154000,20000
data9series2: 19000,162000,20000
data10series2: 25000,158000,20000
data11series2: 32000,220000,20000
data12series2: 35000,197000,20000
data1series3: 92000,198500,20000
data2series3: 80000,150420,24000
data3series3: 55000,140000,30000
data4series3: 40000,80000,32000
data5series3: 45000,58000,42000
data6series3: 33000,35000,44000

View File

@@ -0,0 +1,32 @@
data1series1: 82000,398500,20000
data2series1: 60000,250420,21000
data3series1: 35000,240000,22000
data4series1: 20000,130000,23000
data5series1: 25000,98000,24000
data6series1: 13000,75000,25000
data7series1: 21000,120000,26000
data8series1: 32000,154000,27000
data9series1: 29000,162000,28000
data10series1: 45000,158000,29000
data21series1: 42000,348500,31000
data22series1: 30000,250420,32000
data23series1: 25000,240000,33000
data24series1: 10000,230000,34000
data25series1: 15000,98000,35000
data26series1: 8000,75000,36000
data27series1: 11000,220000,37000
data28series1: 12000,254000,20000
data29series1: 19000,262000,20000
data30series1: 25000,128000,20000
data31series1: 92000,298500,20000
data32series1: 80000,250420,20000
data33series1: 55000,140000,20000
data34series1: 40000,80000,20000
data35series1: 45000,58000,20000
data36series1: 33000,35000,20000
data37series1: 41000,60000,20000
data38series1: 52000,74000,20000
data39series1: 49000,82000,20000
data30series1: 65000,78000,20000

View File

@@ -0,0 +1,20 @@
data1series1: 82000,398500,40000
data2series1: 60000,250420,20000
data3series1: 35000,240000,24000
data4series1: 20000,160000,33000
data5series1: 25000,98000,68000
data6series1: 17000,75000,55000
data1series2: 42000,348500,35000
data2series2: 30000,250420,25000
data3series2: 25000,240000,24000
data4series2: 40000,130000,33000
data5series2: 55000,98000,68000
data6series2: 8000,75000,55000
data1series3: 92000,198500,40000
data2series3: 80000,150420,40000
data3series3: 55000,180000,40000
data4series3: 40000,80000,40000
data5series3: 45000,58000,40000
data6series3: 33000,35000,40000

View File

@@ -0,0 +1,145 @@
<!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>If the graphs below do not display then see the <a href="../../documentation/troubleShooting.htm">Troubleshooting guide</a> for details on how to resolve the problem.</p>
<img src="../../graph/bubble-chart.php?
data=../demo/bubblechart/data2.txt&
config=../demo/bubblechart/config2.txt"
width=700
height=400 />
<p>&nbsp;</p>
<img src="../../graph/bubble-chart.php?
data=../demo/bubblechart/data1.txt&
config=../demo/bubblechart/config1.txt"
width=700
height=400 />
<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>
</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>

View File

@@ -0,0 +1,88 @@
/* --------------------------------------------------------------------------------------------- */
/* */
/* For the full range of options and parameter meanings please see:- */
/* */
/* http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/configurationOptions.htm */
/* */
/* --------------------------------------------------------------------------------------------- */
width: 700
height: 400
series1: bar|#44BB88|Product X
series2: area|#4444BB|Product Y|10|box|true|dashed
transparency: 70
outline: true
gradientfill: true
backgroundcolor: white
displaybarvalues: false
grid: true
axis: true
3d: false
depth3d: 10
ndecplaces: 0
thousandseparator: ,
barwidth: 45
gridbgcolor: #EEFFEE
axiscolor: dark grey
floorcolor: light gray
gridcolor: grey
gridstyle: dotted
titletext: Product Sales by Month
titlefont: Arial
titlefontsize: 12
titlefontbold: true
titlefontitalic: false
titlecolor: #8080B0
titleposition: -1,50
xtitletext: Month
xtitlefont: Arial
xtitlefontsize: 11
xtitlefontbold: true
xtitlefontitalic: false
xtitlecolor: #8080B0
ytitletext: Value
ytitlefont: Arial
ytitlefontsize: 11
ytitlefontbold: true
ytitlefontitalic: false
ytitlecolor: #8080B0
xlabels: January|February|March|April|May|June|July|August|September|October|November|December|
xlabelorientation: Horizontal
xlabeloffset: 15
xlabelfont: Arial
xlabelfontsize: 10
xlabelfontbold: false
xlabelfontitalic: false
xlabelcolor: #8080B0
ylabels: true
ylabelfont: Arial
ylabelfontsize: 9
ylabelfontbold: false
ylabelfontitalic: false
ylabelcolor: black
y2labelcolor: blue
ylabelpre: $
ylabelpost:
legend: true
legendstyle: horizontal
legendbgcolor: #EEEEEE
legendbordercolor: #CCCCFF
legendtextcolor: #8080B0
legendtitle:
legendfont: Arial
legendfontsize: 10
legendfontbold: false
legendfontitalic: true

View File

@@ -0,0 +1,87 @@
/* --------------------------------------------------------------------------------------------- */
/* */
/* For the full range of options and parameter meanings please see:- */
/* */
/* http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/configurationOptions.htm */
/* */
/* --------------------------------------------------------------------------------------------- */
width: 700
height: 400
series1: bar|orange|Product X|
series2: area|55,200,30|Team A|10|box|true|dashed
transparency: 30
outline: true
gradientfill: true
backgroundcolor: white
grid: true
axis: true
3d: true
depth3d: 20
vspace: 25
nrows: 10
ndecplaces: 0
barwidth: 80
barspacing: 30
gridbgcolor: #000055
axiscolor: dark grey
floorcolor: light gray
gridcolor: grey
gridstyle: dotted
titletext: Total Score for the Season
titlefont: Arial
titlefontsize: 12
titlefontbold: true
titlefontitalic: false
titlecolor: #555555
titleposition: -1,50
xtitletext: Player
xtitlefont: Arial
xtitlefontsize: 11
xtitlefontbold: true
xtitlefontitalic: false
xtitlecolor: #993333
ytitletext: Score
ytitlefont: Arial
ytitlefontsize: 11
ytitlefontbold: true
ytitlefontitalic: false
ytitlecolor: #555555
xlabels: John|Robert|Janice|Alf|Susan|
xlabelorientation: Down Angle
xlabeloffset: 0
xlabelfont: Arial
xlabelfontsize: 10
xlabelfontbold: false
xlabelfontitalic: false
xlabelcolor: #993333
ylabels: true
ylabelfont: Arial
ylabelfontsize: 9
ylabelfontbold: false
ylabelfontitalic: false
ylabelcolor: #555555
ylabelpost: pts
y2labelfont: Arial
y2labelfontsize: 9
y2labelfontbold: false
y2labelfontitalic: false
y2labelcolor: #555555
legend: false
legendfont: Arial
legendfontsize: 10
legendfontbold: false
legendfontitalic: true

View File

@@ -0,0 +1,89 @@
/* --------------------------------------------------------------------------------------------- */
/* */
/* For the full range of options and parameter meanings please see:- */
/* */
/* http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/configurationOptions.htm */
/* */
/* --------------------------------------------------------------------------------------------- */
width: 700
height: 400
series1: bar|255,80,30|Team A|
series2: bar|10,122,164|Team B|
series3: bar|150,90,200|Team C|
series4: area|55,200,30|Team A|10|box|true|dashed
series5: area|255,80,30|Team A|20|triangle|true|dashed
transparency: 40
outline: true
gradientfill: true
backgroundcolor: white
displaybarvalues: false
grid: true
axis: true
3d: false
depth3d: 10
ndecplaces: 0
barwidth: 100
barspacing: 40
gridbgcolor: #EEFFEE
axiscolor: dark grey
floorcolor: light gray
gridcolor: grey
gridstyle: dotted
titletext: Scores by Team per Season
titlefont: Arial
titlefontsize: 12
titlefontbold: true
titlefontitalic: false
titlecolor: #8080B0
titleposition: -1,50
xtitletext: Season
xtitlefont: Arial
xtitlefontsize: 11
xtitlefontbold: true
xtitlefontitalic: false
xtitlecolor: #8080B0
ytitletext: Points
ytitlefont: Arial
ytitlefontsize: 11
ytitlefontbold: true
ytitlefontitalic: false
ytitlecolor: #8080B0
xlabels: 2006|2007|2008|2009|
xlabelorientation: Horizontal
xlabeloffset: 0
xlabelfont: Arial
xlabelfontsize: 10
xlabelfontbold: false
xlabelfontitalic: false
xlabelcolor: #8080B0
ylabels: true
ylabelfont: Arial
ylabelfontsize: 9
ylabelfontbold: false
ylabelfontitalic: false
ylabelcolor: #8080B0
ylabelpost: pt
legend: true
legendstyle: horizontal
legendbgcolor: #EEEEEE
legendbordercolor: #CCCCFF
legendtextcolor: #8080B0
legendtitle:
legendfont: Arial
legendfontsize: 10
legendfontbold: false
legendfontitalic: true

View File

@@ -0,0 +1,89 @@
/* --------------------------------------------------------------------------------------------- */
/* */
/* For the full range of options and parameter meanings please see:- */
/* */
/* http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/configurationOptions.htm */
/* */
/* --------------------------------------------------------------------------------------------- */
width: 700
height: 400
series1: bar|255,80,30|Team A|
series2: bar|10,122,164|Team B|
series3: bar|150,90,200|Team C|
series4: area|55,150,30|Team D|10|box|true|dashed
series5: area|155,40,30|Team E|10|triangle|true|dashed
transparency: 50
outline: true
gradientfill: true
backgroundcolor: white
grid: true
axis: true
3d: true
depth3d: 20
ndecplaces: 0
barwidth: 90
barspacing: 50
gridbgcolor: #EEFFEE
axiscolor: dark grey
floorcolor: light gray
gridcolor: grey
gridstyle: dotted
titletext: Scores by Team per Season
titlefont: Arial
titlefontsize: 12
titlefontbold: true
titlefontitalic: false
titlecolor: #8080B0
titleposition: -1,50
xtitletext: Season
xtitlefont: Arial
xtitlefontsize: 11
xtitlefontbold: true
xtitlefontitalic: false
xtitlecolor: #8080B0
ytitletext: Points
ytitlefont: Arial
ytitlefontsize: 11
ytitlefontbold: true
ytitlefontitalic: false
ytitlecolor: #8080B0
xlabels: 2006|2007|2008|2009|
xlabelorientation: Horizontal
xlabeloffset: 0
xlabelfont: Arial
xlabelfontsize: 10
xlabelfontbold: false
xlabelfontitalic: false
xlabelcolor: #8080B0
ylabels: true
ylabelfont: Arial
ylabelfontsize: 9
ylabelfontbold: false
ylabelfontitalic: false
ylabelcolor: #8080B0
y2labelcolor: blue
ylabelpost: pt
legend: true
legendstyle: horizontal
legendbgcolor: #EEEEEE
legendbordercolor: #CCCCFF
legendtextcolor: #8080B0
legendtitle:
legendfont: Arial
legendfontsize: 10
legendfontbold: false
legendfontitalic: true

View File

@@ -0,0 +1,27 @@
data1series1: 82000
data2series1: 60000
data3series1: 35000
data4series1: 20000
data5series1: 25000
data6series1: 13000
data7series1: 21000
data8series1: 38000
data9series1: 29000
data10series1: 45000
data11series1: 72000
data12series1: 65000
data1series2: 32000
data2series2: 70000
data3series2: 25000
data4series2: 10000
data5series2: 15000
data6series2: 43000
data7series2: 41000
data8series2: 78000
data9series2: 49000
data10series2: 25000
data11series2: 52000
data12series2: 45000

View File

@@ -0,0 +1,11 @@
data1series1: 820
data2series1: 600
data3series1: 350
data4series1: 200
data5series1: 250
data1series2: 120
data2series2: 200
data3series2: 350
data4series2: 240
data5series2: 450

View File

@@ -0,0 +1,24 @@
data1series1: 5
data2series1: 11
data3series1: 35
data4series1: 8
data1series2: 82
data2series2: 60
data3series2: 43
data4series2: 55
data1series3: 10
data2series3: 15
data3series3: 12
data4series3: 5
data1series4: 20
data2series4: 25
data3series4: 22
data4series4: 25
data1series5: 6
data2series5: 8
data3series5: 12
data4series5: 15

View File

@@ -0,0 +1,25 @@
data1series1: 5
data2series1: 11
data3series1: 35
data4series1: 8
data1series2: 82
data2series2: 60
data3series2: 43
data4series2: 55
data1series3: 10
data2series3: 15
data3series3: 12
data4series3: 5
data1series4: 20
data2series4: 25
data3series4: 22
data4series4: 25
data1series5: 6
data2series5: 8
data3series5: 12
data4series5: 15

View File

@@ -0,0 +1,141 @@
<!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>If the graphs below do not display then see the <a href="../../documentation/troubleShooting.htm">Troubleshooting guide</a> for details on how to resolve the problem.</p>
<img src="../../graph/area-stacked-vertical-bar-graph.php?
data=../demo/combi-Area-SVbar/data2.txt&
config=../demo/combi-Area-SVbar/config2.txt"
width=700
height=400 />
<p>&nbsp;</p>
<img src="../../graph/area-stacked-vertical-bar-graph.php?
data=../demo/combi-Area-SVbar/data4.txt&
config=../demo/combi-Area-SVbar/config4.txt"
width=700
height=400 />
<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>
</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>

View File

@@ -0,0 +1,88 @@
/* --------------------------------------------------------------------------------------------- */
/* */
/* For the full range of options and parameter meanings please see:- */
/* */
/* http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/configurationOptions.htm */
/* */
/* --------------------------------------------------------------------------------------------- */
width: 700
height: 400
series1: bar|#44BB88|Product X
series2: area|#4444BB|Product Y|10|box|true|dashed
transparency: 70
outline: true
gradientfill: true
backgroundcolor: white
displaybarvalues: false
grid: true
axis: true
3d: false
depth3d: 10
ndecplaces: 0
thousandseparator: ,
barwidth: 40
gridbgcolor: #88BBFF
axiscolor: dark grey
floorcolor: light gray
gridcolor: grey
gridstyle: dotted
titletext: Product Sales by Month
titlefont: Arial
titlefontsize: 12
titlefontbold: true
titlefontitalic: false
titlecolor: #8080B0
titleposition: -1,50
xtitletext: Month
xtitlefont: Arial
xtitlefontsize: 11
xtitlefontbold: true
xtitlefontitalic: false
xtitlecolor: #8080B0
ytitletext: Value
ytitlefont: Arial
ytitlefontsize: 11
ytitlefontbold: true
ytitlefontitalic: false
ytitlecolor: #8080B0
xlabels: January|February|March|April|May|June|July|August|September|October|November|December|
xlabelorientation: Up Angle
xlabeloffset: 0
xlabelfont: Arial
xlabelfontsize: 10
xlabelfontbold: false
xlabelfontitalic: false
xlabelcolor: #8080B0
ylabels: true
ylabelfont: Arial
ylabelfontsize: 9
ylabelfontbold: false
ylabelfontitalic: false
ylabelcolor: black
y2labelcolor: blue
ylabelpre: $
ylabelpost:
legend: true
legendstyle: horizontal
legendbgcolor: #EEEEEE
legendbordercolor: #CCCCFF
legendtextcolor: #8080B0
legendtitle:
legendfont: Arial
legendfontsize: 10
legendfontbold: false
legendfontitalic: true

View File

@@ -0,0 +1,87 @@
/* --------------------------------------------------------------------------------------------- */
/* */
/* For the full range of options and parameter meanings please see:- */
/* */
/* http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/configurationOptions.htm */
/* */
/* --------------------------------------------------------------------------------------------- */
width: 700
height: 400
series1: bar|orange|Product X|
series2: area|#993399|Team A|10|box|true|dashed
transparency: 30
outline: true
gradientfill: true
backgroundcolor: white
grid: true
axis: true
3d: true
depth3d: 20
vspace: 25
nrows: 10
ndecplaces: 0
barwidth: 75
barspacing: 20
gridbgcolor: #88BBFF
axiscolor: dark grey
floorcolor: light gray
gridcolor: grey
gridstyle: dotted
titletext: Total Score for the Season
titlefont: Arial
titlefontsize: 12
titlefontbold: true
titlefontitalic: false
titlecolor: #555555
titleposition: -1,50
xtitletext: Player
xtitlefont: Arial
xtitlefontsize: 11
xtitlefontbold: true
xtitlefontitalic: false
xtitlecolor: #993333
ytitletext: Score
ytitlefont: Arial
ytitlefontsize: 11
ytitlefontbold: true
ytitlefontitalic: false
ytitlecolor: #555555
xlabels: John|Robert|Janice|Alf|Susan|
xlabelorientation: Down Angle
xlabeloffset: 0
xlabelfont: Arial
xlabelfontsize: 10
xlabelfontbold: false
xlabelfontitalic: false
xlabelcolor: #993333
ylabels: true
ylabelfont: Arial
ylabelfontsize: 9
ylabelfontbold: false
ylabelfontitalic: false
ylabelcolor: #555555
ylabelpost: pts
y2labelfont: Arial
y2labelfontsize: 9
y2labelfontbold: false
y2labelfontitalic: false
y2labelcolor: #555555
legend: false
legendfont: Arial
legendfontsize: 10
legendfontbold: false
legendfontitalic: true

View File

@@ -0,0 +1,89 @@
/* --------------------------------------------------------------------------------------------- */
/* */
/* For the full range of options and parameter meanings please see:- */
/* */
/* http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/configurationOptions.htm */
/* */
/* --------------------------------------------------------------------------------------------- */
width: 700
height: 400
series1: bar|255,80,30|Team A|
series2: bar|10,122,164|Team B|
series3: bar|150,90,200|Team C|
series4: area|#993399|Team D|10|box|true|dashed
series5: area|#333399|Team E|10|triangle|true|dashed
transparency: 40
outline: true
gradientfill: true
backgroundcolor: white
displaybarvalues: false
grid: true
axis: true
3d: false
depth3d: 10
ndecplaces: 0
barwidth: 40
barspacing: 5
gridbgcolor: #88BBFF
axiscolor: dark grey
floorcolor: light gray
gridcolor: grey
gridstyle: dotted
titletext: Scores by Team per Season
titlefont: Arial
titlefontsize: 12
titlefontbold: true
titlefontitalic: false
titlecolor: #8080B0
titleposition: -1,50
xtitletext: Season
xtitlefont: Arial
xtitlefontsize: 11
xtitlefontbold: true
xtitlefontitalic: false
xtitlecolor: #8080B0
ytitletext: Points
ytitlefont: Arial
ytitlefontsize: 11
ytitlefontbold: true
ytitlefontitalic: false
ytitlecolor: #8080B0
xlabels: 2006|2007|2008|2009|
xlabelorientation: Horizontal
xlabeloffset: 0
xlabelfont: Arial
xlabelfontsize: 10
xlabelfontbold: false
xlabelfontitalic: false
xlabelcolor: #8080B0
ylabels: true
ylabelfont: Arial
ylabelfontsize: 9
ylabelfontbold: false
ylabelfontitalic: false
ylabelcolor: #8080B0
ylabelpost: pt
legend: true
legendstyle: horizontal
legendbgcolor: #EEEEEE
legendbordercolor: #CCCCFF
legendtextcolor: #8080B0
legendtitle:
legendfont: Arial
legendfontsize: 10
legendfontbold: false
legendfontitalic: true

View File

@@ -0,0 +1,89 @@
/* --------------------------------------------------------------------------------------------- */
/* */
/* For the full range of options and parameter meanings please see:- */
/* */
/* http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/configurationOptions.htm */
/* */
/* --------------------------------------------------------------------------------------------- */
width: 700
height: 400
series1: bar|255,80,30|Team A|
series2: bar|10,122,164|Team B|
series3: bar|150,90,200|Team C|
series4: area|#993399|Team D|10|box|true|dashed
series5: area|#333399|Team E|10|triangle|true|dashed
transparency: 50
outline: true
gradientfill: true
backgroundcolor: white
grid: true
axis: true
3d: true
depth3d: 20
ndecplaces: 0
barwidth: 35
barspacing: 10
gridbgcolor: #88BBFF
axiscolor: dark grey
floorcolor: light gray
gridcolor: grey
gridstyle: dotted
titletext: Scores by Team per Season
titlefont: Arial
titlefontsize: 12
titlefontbold: true
titlefontitalic: false
titlecolor: #8080B0
titleposition: -1,50
xtitletext: Season
xtitlefont: Arial
xtitlefontsize: 11
xtitlefontbold: true
xtitlefontitalic: false
xtitlecolor: #8080B0
ytitletext: Points
ytitlefont: Arial
ytitlefontsize: 11
ytitlefontbold: true
ytitlefontitalic: false
ytitlecolor: #8080B0
xlabels: 2006|2007|2008|2009|
xlabelorientation: Horizontal
xlabeloffset: 0
xlabelfont: Arial
xlabelfontsize: 10
xlabelfontbold: false
xlabelfontitalic: false
xlabelcolor: #8080B0
ylabels: true
ylabelfont: Arial
ylabelfontsize: 9
ylabelfontbold: false
ylabelfontitalic: false
ylabelcolor: #8080FF
y2labelcolor: blue
ylabelpost: pt
legend: true
legendstyle: horizontal
legendbgcolor: #EEEEEE
legendbordercolor: #CCCCFF
legendtextcolor: #8080B0
legendtitle:
legendfont: Arial
legendfontsize: 10
legendfontbold: false
legendfontitalic: true

View File

@@ -0,0 +1,27 @@
data1series1: 82000
data2series1: 60000
data3series1: 35000
data4series1: 20000
data5series1: 25000
data6series1: 13000
data7series1: 21000
data8series1: 38000
data9series1: 29000
data10series1: 45000
data11series1: 72000
data12series1: 65000
data1series2: 32000
data2series2: 70000
data3series2: 25000
data4series2: 10000
data5series2: 15000
data6series2: 43000
data7series2: 41000
data8series2: 78000
data9series2: 49000
data10series2: 25000
data11series2: 52000
data12series2: 45000

View File

@@ -0,0 +1,11 @@
data1series1: 820
data2series1: 600
data3series1: 350
data4series1: 200
data5series1: 250
data1series2: 120
data2series2: 200
data3series2: 350
data4series2: 240
data5series2: 450

View File

@@ -0,0 +1,24 @@
data1series1: 5
data2series1: 11
data3series1: 35
data4series1: 8
data1series2: 82
data2series2: 60
data3series2: 43
data4series2: 55
data1series3: 10
data2series3: 15
data3series3: 12
data4series3: 5
data1series4: 20
data2series4: 25
data3series4: 22
data4series4: 25
data1series5: 6
data2series5: 8
data3series5: 12
data4series5: 15

View File

@@ -0,0 +1,25 @@
data1series1: 5
data2series1: 11
data3series1: 35
data4series1: 8
data1series2: 82
data2series2: 60
data3series2: 43
data4series2: 55
data1series3: 10
data2series3: 15
data3series3: 12
data4series3: 5
data1series4: 20
data2series4: 25
data3series4: 22
data4series4: 25
data1series5: 6
data2series5: 8
data3series5: 12
data4series5: 15

View File

@@ -0,0 +1,141 @@
<!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>If the graphs below do not display then see the <a href="../../documentation/troubleShooting.htm">Troubleshooting guide</a> for details on how to resolve the problem.</p>
<img src="../../graph/area-vertical-bar-graph.php?
data=../demo/combi-Area-Vbar/data2.txt&
config=../demo/combi-Area-Vbar/config2.txt"
width=700
height=400 />
<p>&nbsp;</p>
<img src="../../graph/area-vertical-bar-graph.php?
data=../demo/combi-Area-Vbar/data4.txt&
config=../demo/combi-Area-Vbar/config4.txt"
width=700
height=400 />
<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>
</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>

View File

@@ -0,0 +1,88 @@
/* --------------------------------------------------------------------------------------------- */
/* */
/* For the full range of options and parameter meanings please see:- */
/* */
/* http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/configurationOptions.htm */
/* */
/* --------------------------------------------------------------------------------------------- */
width: 700
height: 400
series1: bar|#44BB88|Product X
series2: line|#4444BB|Product Y|10|box|true|solid
linewidth: 2
transparency: 70
outline: true
gradientfill: true
backgroundcolor: white
displaybarvalues: false
grid: true
axis: true
3d: false
depth3d: 10
ndecplaces: 0
thousandseparator: ,
barwidth: 40
gridbgcolor: #88BBFF
axiscolor: dark grey
floorcolor: light gray
gridcolor: grey
gridstyle: dotted
titletext: Product Sales by Month
titlefont: Arial
titlefontsize: 12
titlefontbold: true
titlefontitalic: false
titlecolor: #8080B0
titleposition: -1,50
xtitletext: Month
xtitlefont: Arial
xtitlefontsize: 11
xtitlefontbold: true
xtitlefontitalic: false
xtitlecolor: #8080B0
ytitletext: Value
ytitlefont: Arial
ytitlefontsize: 11
ytitlefontbold: true
ytitlefontitalic: false
ytitlecolor: #8080B0
xlabels: January|February|March|April|May|June|July|August|September|October|November|December|
xlabelorientation: Up Angle
xlabeloffset: 0
xlabelfont: Arial
xlabelfontsize: 10
xlabelfontbold: false
xlabelfontitalic: false
xlabelcolor: #8080B0
ylabels: true
ylabelfont: Arial
ylabelfontsize: 9
ylabelfontbold: false
ylabelfontitalic: false
ylabelcolor: black
y2labelcolor: blue
ylabelpre: $
ylabelpost:
legend: true
legendstyle: horizontal
legendbgcolor: #EEEEEE
legendbordercolor: #CCCCFF
legendtextcolor: #8080B0
legendtitle:
legendfont: Arial
legendfontsize: 10
legendfontbold: false
legendfontitalic: true

View File

@@ -0,0 +1,89 @@
/* --------------------------------------------------------------------------------------------- */
/* */
/* For the full range of options and parameter meanings please see:- */
/* */
/* http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/configurationOptions.htm */
/* */
/* --------------------------------------------------------------------------------------------- */
width: 700
height: 400
series1: bar|orange|Product X|
series2: line|#993399|Team A|10|box|true|solid
linewidth: 2
transparency: 30
outline: true
gradientfill: true
backgroundcolor: white
grid: true
axis: true
3d: true
depth3d: 20
vspace: 25
nrows: 10
ndecplaces: 0
barwidth: 75
barspacing: 15
gridbgcolor: #88BBFF
axiscolor: dark grey
floorcolor: light gray
gridcolor: grey
gridstyle: dotted
titletext: Total Score for the Season
titlefont: Arial
titlefontsize: 12
titlefontbold: true
titlefontitalic: false
titlecolor: #555555
titleposition: -1,50
xtitletext: Player
xtitlefont: Arial
xtitlefontsize: 11
xtitlefontbold: true
xtitlefontitalic: false
xtitlecolor: #993333
ytitletext: Score
ytitlefont: Arial
ytitlefontsize: 11
ytitlefontbold: true
ytitlefontitalic: false
ytitlecolor: #555555
xlabels: John|Robert|Janice|Alf|Susan|
xlabelorientation: Up Angle
xlabeloffset: 0
xlabelfont: Arial
xlabelfontsize: 10
xlabelfontbold: false
xlabelfontitalic: false
xlabelcolor: #993333
ylabels: true
ylabelfont: Arial
ylabelfontsize: 9
ylabelfontbold: false
ylabelfontitalic: false
ylabelcolor: #555555
ylabelpost: pts
y2labelfont: Arial
y2labelfontsize: 9
y2labelfontbold: false
y2labelfontitalic: false
y2labelcolor: #555555
legend: false
legendfont: Arial
legendfontsize: 10
legendfontbold: false
legendfontitalic: true

View File

@@ -0,0 +1,91 @@
/* --------------------------------------------------------------------------------------------- */
/* */
/* For the full range of options and parameter meanings please see:- */
/* */
/* http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/configurationOptions.htm */
/* */
/* --------------------------------------------------------------------------------------------- */
width: 700
height: 400
series1: bar|255,80,30|Team A|
series2: bar|10,122,164|Team B|
series3: bar|150,90,200|Team C|
series4: line|#993399|Team D|10|box|true|solid
series5: line|#333399|Team E|10|triangle|true|solid
linewidth: 2
transparency: 40
outline: true
gradientfill: true
backgroundcolor: white
displaybarvalues: false
grid: true
axis: true
3d: false
depth3d: 10
ndecplaces: 0
barwidth: 120
barspacing: 15
gridbgcolor: #88BBFF
axiscolor: dark grey
floorcolor: light gray
gridcolor: grey
gridstyle: dotted
titletext: Scores by Team per Season
titlefont: Arial
titlefontsize: 12
titlefontbold: true
titlefontitalic: false
titlecolor: #8080B0
titleposition: -1,50
xtitletext: Season
xtitlefont: Arial
xtitlefontsize: 11
xtitlefontbold: true
xtitlefontitalic: false
xtitlecolor: #8080B0
ytitletext: Points
ytitlefont: Arial
ytitlefontsize: 11
ytitlefontbold: true
ytitlefontitalic: false
ytitlecolor: #8080B0
xlabels: 2006|2007|2008|2009|
xlabelorientation: Horizontal
xlabeloffset: 0
xlabelfont: Arial
xlabelfontsize: 10
xlabelfontbold: false
xlabelfontitalic: false
xlabelcolor: #8080B0
ylabels: true
ylabelfont: Arial
ylabelfontsize: 9
ylabelfontbold: false
ylabelfontitalic: false
ylabelcolor: #8080B0
ylabelpost: pt
legend: true
legendstyle: horizontal
legendbgcolor: #EEEEEE
legendbordercolor: #CCCCFF
legendtextcolor: #8080B0
legendtitle:
legendfont: Arial
legendfontsize: 10
legendfontbold: false
legendfontitalic: true

View File

@@ -0,0 +1,90 @@
/* --------------------------------------------------------------------------------------------- */
/* */
/* For the full range of options and parameter meanings please see:- */
/* */
/* http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/configurationOptions.htm */
/* */
/* --------------------------------------------------------------------------------------------- */
width: 700
height: 400
series1: bar|255,80,30|Team A|
series2: bar|10,122,164|Team B|
series3: bar|150,90,200|Team C|
series4: line|#993399|Team D|10|box|true|solid
series5: line|#333399|Team E|10|triangle|true|solid
linewidth: 2
transparency: 50
outline: true
gradientfill: true
backgroundcolor: white
grid: true
axis: true
3d: true
depth3d: 20
ndecplaces: 0
barwidth: 110
barspacing: 15
gridbgcolor: #88BBFF
axiscolor: dark grey
floorcolor: light gray
gridcolor: grey
gridstyle: dotted
titletext: Scores by Team per Season
titlefont: Arial
titlefontsize: 12
titlefontbold: true
titlefontitalic: false
titlecolor: #8080B0
titleposition: -1,50
xtitletext: Season
xtitlefont: Arial
xtitlefontsize: 11
xtitlefontbold: true
xtitlefontitalic: false
xtitlecolor: #8080B0
ytitletext: Points
ytitlefont: Arial
ytitlefontsize: 11
ytitlefontbold: true
ytitlefontitalic: false
ytitlecolor: #8080B0
xlabels: 2006|2007|2008|2009|
xlabelorientation: Horizontal
xlabeloffset: 0
xlabelfont: Arial
xlabelfontsize: 10
xlabelfontbold: false
xlabelfontitalic: false
xlabelcolor: #8080B0
ylabels: true
ylabelfont: Arial
ylabelfontsize: 9
ylabelfontbold: false
ylabelfontitalic: false
ylabelcolor: #8080FF
y2labelcolor: blue
ylabelpost: pt
legend: true
legendstyle: horizontal
legendbgcolor: #EEEEEE
legendbordercolor: #CCCCFF
legendtextcolor: #8080B0
legendtitle:
legendfont: Arial
legendfontsize: 10
legendfontbold: false
legendfontitalic: true

View File

@@ -0,0 +1,27 @@
data1series1: 82000
data2series1: 60000
data3series1: 35000
data4series1: 20000
data5series1: 25000
data6series1: 13000
data7series1: 21000
data8series1: 38000
data9series1: 29000
data10series1: 45000
data11series1: 72000
data12series1: 65000
data1series2: 32000
data2series2: 70000
data3series2: 25000
data4series2: 10000
data5series2: 15000
data6series2: 43000
data7series2: 41000
data8series2: 78000
data9series2: 49000
data10series2: 25000
data11series2: 52000
data12series2: 45000

View File

@@ -0,0 +1,11 @@
data1series1: 820
data2series1: 600
data3series1: 350
data4series1: 200
data5series1: 250
data1series2: 120
data2series2: 200
data3series2: 350
data4series2: 240
data5series2: 450

View File

@@ -0,0 +1,24 @@
data1series1: 5
data2series1: 11
data3series1: 35
data4series1: 8
data1series2: 82
data2series2: 60
data3series2: 43
data4series2: 55
data1series3: 10
data2series3: 15
data3series3: 12
data4series3: 5
data1series4: 20
data2series4: 25
data3series4: 22
data4series4: 25
data1series5: 6
data2series5: 8
data3series5: 12
data4series5: 15

View File

@@ -0,0 +1,25 @@
data1series1: 5
data2series1: 11
data3series1: 35
data4series1: 8
data1series2: 82
data2series2: 60
data3series2: 43
data4series2: 55
data1series3: 10
data2series3: 15
data3series3: 12
data4series3: 5
data1series4: 20
data2series4: 25
data3series4: 22
data4series4: 25
data1series5: 6
data2series5: 8
data3series5: 12
data4series5: 15

View File

@@ -0,0 +1,141 @@
<!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>If the graphs below do not display then see the <a href="../../documentation/troubleShooting.htm">Troubleshooting guide</a> for details on how to resolve the problem.</p>
<img src="../../graph/line-stacked-vertical-bar-graph.php?
data=../demo/combi-Line-SVbar/data2.txt&
config=../demo/combi-Line-SVbar/config2.txt"
width=700
height=400 />
<p>&nbsp;</p>
<img src="../../graph/line-stacked-vertical-bar-graph.php?
data=../demo/combi-Line-SVbar/data4.txt&
config=../demo/combi-Line-SVbar/config4.txt"
width=700
height=400 />
<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>
</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>

View File

@@ -0,0 +1,88 @@
/* --------------------------------------------------------------------------------------------- */
/* */
/* For the full range of options and parameter meanings please see:- */
/* */
/* http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/configurationOptions.htm */
/* */
/* --------------------------------------------------------------------------------------------- */
width: 700
height: 400
series1: bar|#44BB88|Product X
series2: line|#4444BB|Product Y|10|box|true|solid
linewidth: 2
transparency: 70
outline: true
gradientfill: true
backgroundcolor: white
displaybarvalues: false
grid: true
axis: true
3d: false
depth3d: 10
ndecplaces: 0
thousandseparator: ,
barwidth: 50
gridbgcolor: #88BBFF
axiscolor: #5F81B3
floorcolor: #E1EDFF
gridcolor: #5F81B3
gridstyle: dotted
titletext: Product Sales by Month
titlefont: Arial
titlefontsize: 12
titlefontbold: true
titlefontitalic: false
titlecolor: #5F81B3
titleposition: -1,50
xtitletext: Month
xtitlefont: Arial
xtitlefontsize: 11
xtitlefontbold: true
xtitlefontitalic: false
xtitlecolor: #5F81B3
ytitletext: Value
ytitlefont: Arial
ytitlefontsize: 11
ytitlefontbold: true
ytitlefontitalic: false
ytitlecolor: #5F81B3
xlabels: January|February|March|April|May|June|July|August|September|October|November|December|
xlabelorientation: Horizontal
xlabeloffset: 15
xlabelfont: Arial
xlabelfontsize: 10
xlabelfontbold: false
xlabelfontitalic: false
xlabelcolor: #5F81B3
ylabels: true
ylabelfont: Arial
ylabelfontsize: 9
ylabelfontbold: false
ylabelfontitalic: false
ylabelcolor: #5F81B3
y2labelcolor: #5F81B3
ylabelpre: $
ylabelpost:
legend: true
legendstyle: horizontal
legendbgcolor: #FFFFFF
legendbordercolor: #FFFFFF
legendtextcolor: #5F81B3
legendtitle:
legendfont: Arial
legendfontsize: 10
legendfontbold: false
legendfontitalic: true

View File

@@ -0,0 +1,88 @@
/* --------------------------------------------------------------------------------------------- */
/* */
/* For the full range of options and parameter meanings please see:- */
/* */
/* http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/configurationOptions.htm */
/* */
/* --------------------------------------------------------------------------------------------- */
width: 700
height: 400
series1: bar|orange|Product X|
series2: line|#993399|Team A|10|box|true|solid
linewidth: 2
transparency: 30
outline: true
gradientfill: true
backgroundcolor: white
grid: true
axis: true
3d: true
depth3d: 20
vspace: 25
nrows: 10
ndecplaces: 0
barwidth: 75
barspacing: 20
gridbgcolor: #88BBFF
axiscolor: #5F81B3
floorcolor: #E1EDFF
gridcolor: #5F81B3
gridstyle: dotted
titletext: Total Score for the Season
titlefont: Arial
titlefontsize: 12
titlefontbold: true
titlefontitalic: false
titlecolor: #5F81B3
titleposition: -1,50
xtitletext: Player
xtitlefont: Arial
xtitlefontsize: 11
xtitlefontbold: true
xtitlefontitalic: false
xtitlecolor: #5F81B3
ytitletext: Score
ytitlefont: Arial
ytitlefontsize: 11
ytitlefontbold: true
ytitlefontitalic: false
ytitlecolor: #5F81B3
xlabels: John|Robert|Janice|Alf|Susan|
xlabelorientation: Down Angle
xlabeloffset: 0
xlabelfont: Arial
xlabelfontsize: 10
xlabelfontbold: false
xlabelfontitalic: false
xlabelcolor: #5F81B3
ylabels: true
ylabelfont: Arial
ylabelfontsize: 9
ylabelfontbold: false
ylabelfontitalic: false
ylabelcolor: #5F81B3
ylabelpost: pts
y2labelfont: Arial
y2labelfontsize: 9
y2labelfontbold: false
y2labelfontitalic: false
y2labelcolor: #5F81B3
legend: false
legendfont: Arial
legendfontsize: 10
legendfontbold: false
legendfontitalic: true

View File

@@ -0,0 +1,97 @@
/* --------------------------------------------------------------------------------------------- */
/* */
/* For the full range of options and parameter meanings please see:- */
/* */
/* http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/configurationOptions.htm */
/* */
/* --------------------------------------------------------------------------------------------- */
width: 700
height: 400
series1: bar|255,80,30|Team A|
series2: bar|10,122,164|Team B|
series3: bar|150,90,200|Team C|
series4: line|#993399|Team D|10|box|true|solid
series5: line|#333399|Team E|10|triangle|true|solid
linewidth: 2
transparency: 40
outline: true
gradientfill: true
backgroundcolor: white
displaybarvalues: false
grid: true
axis: true
3d: false
depth3d: 10
ndecplaces: 0
barwidth: 40
barspacing: 5
gridbgcolor: #88BBFF
axiscolor: #5F81B3
floorcolor: #5F81B3
gridcolor: #5F81B3
gridstyle: dotted
titletext: Scores by Team per Season
titlefont: Arial
titlefontsize: 12
titlefontbold: true
titlefontitalic: false
titlecolor: #5F81B3
titleposition: -1,50
xtitletext: Season
xtitlefont: Arial
xtitlefontsize: 11
xtitlefontbold: true
xtitlefontitalic: false
xtitlecolor: #5F81B3
ytitletext: Points
ytitlefont: Arial
ytitlefontsize: 11
ytitlefontbold: true
ytitlefontitalic: false
ytitlecolor: #5F81B3
xlabels: 2006|2007|2008|2009|
xlabelorientation: Horizontal
xlabeloffset: 0
xlabelfont: Arial
xlabelfontsize: 10
xlabelfontbold: false
xlabelfontitalic: false
xlabelcolor: #5F81B3
ylabels: true
ylabelfont: Arial
ylabelfontsize: 10
ylabelfontbold: false
ylabelfontitalic: false
ylabelcolor: #5F81B3
ylabelpost: pt
y2labelfont: Arial
y2labelfontsize: 10
y2labelfontbold: false
y2labelfontitalic: false
y2labelcolor: #5F81B3
legend: true
legendstyle: horizontal
legendbgcolor: #FFFFFF
legendbordercolor: #FFFFFF
legendtextcolor: #5F81B3
legendtitle:
legendfont: Arial
legendfontsize: 10
legendfontbold: false
legendfontitalic: true

View File

@@ -0,0 +1,90 @@
/* --------------------------------------------------------------------------------------------- */
/* */
/* For the full range of options and parameter meanings please see:- */
/* */
/* http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/configurationOptions.htm */
/* */
/* --------------------------------------------------------------------------------------------- */
width: 700
height: 400
series1: bar|255,80,30|Team A|
series2: bar|10,122,164|Team B|
series3: bar|150,90,200|Team C|
series4: line|#993399|Team D|10|box|true|solid
series5: line|#333399|Team E|10|triangle|true|solid
linewidth: 2
transparency: 50
outline: true
gradientfill: true
backgroundcolor: white
grid: true
axis: true
3d: true
depth3d: 20
ndecplaces: 0
barwidth: 35
barspacing: 10
gridbgcolor: #88BBFF
axiscolor: #5F81B3
floorcolor: #E1EDFF
gridcolor: #5F81B3
gridstyle: dotted
titletext: Scores by Team per Season
titlefont: Arial
titlefontsize: 12
titlefontbold: true
titlefontitalic: false
titlecolor: #5F81B3
titleposition: -1,50
xtitletext: Season
xtitlefont: Arial
xtitlefontsize: 11
xtitlefontbold: true
xtitlefontitalic: false
xtitlecolor: #5F81B3
ytitletext: Points
ytitlefont: Arial
ytitlefontsize: 11
ytitlefontbold: true
ytitlefontitalic: false
ytitlecolor: #5F81B3
xlabels: 2006|2007|2008|2009|
xlabelorientation: Horizontal
xlabeloffset: 0
xlabelfont: Arial
xlabelfontsize: 10
xlabelfontbold: false
xlabelfontitalic: false
xlabelcolor: #5F81B3
ylabels: true
ylabelfont: Arial
ylabelfontsize: 9
ylabelfontbold: false
ylabelfontitalic: false
ylabelcolor: #5F81B3
y2labelcolor: blue
ylabelpost: pt
legend: true
legendstyle: horizontal
legendbgcolor: #FFFFFF
legendbordercolor: #FFFFFF
legendtextcolor: #5F81B3
legendtitle:
legendfont: Arial
legendfontsize: 10
legendfontbold: false
legendfontitalic: true

View File

@@ -0,0 +1,27 @@
data1series1: 82000
data2series1: 60000
data3series1: 35000
data4series1: 20000
data5series1: 25000
data6series1: 13000
data7series1: 21000
data8series1: 38000
data9series1: 29000
data10series1: 45000
data11series1: 72000
data12series1: 65000
data1series2: 32000
data2series2: 70000
data3series2: 25000
data4series2: 10000
data5series2: 15000
data6series2: 43000
data7series2: 41000
data8series2: 78000
data9series2: 49000
data10series2: 25000
data11series2: 52000
data12series2: 45000

View File

@@ -0,0 +1,11 @@
data1series1: 820
data2series1: 600
data3series1: 350
data4series1: 200
data5series1: 250
data1series2: 120
data2series2: 200
data3series2: 350
data4series2: 240
data5series2: 450

View File

@@ -0,0 +1,24 @@
data1series1: 5
data2series1: 11
data3series1: 35
data4series1: 8
data1series2: 82
data2series2: 60
data3series2: 43
data4series2: 55
data1series3: 10
data2series3: 15
data3series3: 12
data4series3: 5
data1series4: 20
data2series4: 25
data3series4: 22
data4series4: 25
data1series5: 6
data2series5: 8
data3series5: 12
data4series5: 15

View File

@@ -0,0 +1,25 @@
data1series1: 5
data2series1: 11
data3series1: 35
data4series1: 8
data1series2: 82
data2series2: 60
data3series2: 43
data4series2: 55
data1series3: 10
data2series3: 15
data3series3: 12
data4series3: 5
data1series4: 20
data2series4: 25
data3series4: 22
data4series4: 25
data1series5: 6
data2series5: 8
data3series5: 12
data4series5: 15

View File

@@ -0,0 +1,141 @@
<!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>If the graphs below do not display then see the <a href="../../documentation/troubleShooting.htm">Troubleshooting guide</a> for details on how to resolve the problem.</p>
<img src="../../graph/line-vertical-bar-graph.php?
data=../demo/combi-Line-Vbar/data4.txt&
config=../demo/combi-Line-Vbar/config4.txt"
width=700
height=400 />
<p>&nbsp;</p>
<img src="../../graph/line-vertical-bar-graph.php?
data=../demo/combi-Line-Vbar/data2.txt&
config=../demo/combi-Line-Vbar/config2.txt"
width=700
height=400>
<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>
</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>

View File

@@ -0,0 +1,83 @@
/* --------------------------------------------------------------------------------------------- */
/* */
/* For the full range of options and parameter meanings please see:- */
/* */
/* http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/configurationOptions.htm */
/* */
/* --------------------------------------------------------------------------------------------- */
width: 700
height: 450
quality: medium
backgroundcolor: white
grid: true
axis: true
3d: false
depth3d: 10
ndecplaces: 0
hspace: 100
thousandseparator: ,
barwidth: 25
barspacing: 1
chartstartx: 0
chartscale: 20000
series1: #BB4040|Product X
gridbgcolor: #772D2D
axiscolor: #AA4040
floorcolor: #FFB0B0
gridcolor: #AA4040
gridstyle: dotted
titletext: Product Sales by Month
titlefont: Arial
titlefontsize: 12
titlefontbold: true
titlefontitalic: false
titlecolor: #444444
titleposition: -1,50
ytitletext: Month
ytitlefont: Arial
ytitlefontsize: 11
ytitlefontbold: true
ytitlefontitalic: false
ytitlecolor: #444444
xtitletext: Value
xtitlefont: Arial
xtitlefontsize: 11
xtitlefontbold: true
xtitlefontitalic: false
xtitlecolor: #444444
xlabelfont: Arial
xlabelfontsize: 10
xlabelfontbold: false
xlabelfontitalic: false
xlabelpre: $
ylabels: January|February|March|April|May|June|July|August|September|October|November|December|
ylabelcolor: #444444
ylabelfont: Arial
ylabelfontsize: 9
ylabelfontbold: false
ylabelfontitalic: false
legend: true
legendstyle: horizontal
legendbgcolor: #FFFFFF
legendbordercolor: #FFFFFF
legendtextcolor: #444444
legendtitle:
legendfont: Arial
legendfontsize: 10
legendfontbold: false
legendfontitalic: true

View File

@@ -0,0 +1,77 @@
/* --------------------------------------------------------------------------------------------- */
/* */
/* For the full range of options and parameter meanings please see:- */
/* */
/* http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/configurationOptions.htm */
/* */
/* --------------------------------------------------------------------------------------------- */
width: 700
height: 400
quality: medium
backgroundcolor: white
grid: true
axis: true
vspace: 30
nrows: 10
ndecplaces: 0
barwidth: 40
barspacing: 10
chartscale: 100
chartstarty: 0
series1: orange|Product X
gridbgcolor: #00CC80
gridbgcolor2: #00EEA0
axiscolor: dark green
floorcolor: #00CC80
gridcolor: dark green
gridstyle: dotted
titletext: Total Score for the Season
titlefont: Arial
titlefontsize: 12
titlefontbold: true
titlefontitalic: false
titlecolor: #444444
titleposition: -1,50
ytitletext: Player
ytitlefont: Arial
ytitlefontsize: 11
ytitlefontbold: true
ytitlefontitalic: false
ytitlecolor: #444444
xtitletext: Score
xtitlefont: Arial
xtitlefontsize: 11
xtitlefontbold: true
xtitlefontitalic: false
xtitlecolor: #444444
xlabelfont: Arial
xlabelfontsize: 10
xlabelfontbold: false
xlabelfontitalic: false
ylabels: John|Robert|Janice|Alf|Susan|
ylabelfont: Arial
ylabelfontsize: 9
ylabelfontbold: false
ylabelfontitalic: false
ylabelcolor: #444444
legend: false
legendfont: Arial
legendfontsize: 10
legendfontbold: false
legendfontitalic: true

View File

@@ -0,0 +1,78 @@
/* --------------------------------------------------------------------------------------------- */
/* */
/* For the full range of options and parameter meanings please see:- */
/* */
/* http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/configurationOptions.htm */
/* */
/* --------------------------------------------------------------------------------------------- */
width: 700
height: 400
quality: medium
backgroundcolor: white
grid: true
axis: true
ndecplaces: 0
barwidth: 23
barspacing: 0
chartscale: 20
chartstarty: 0
series1: 255,80,30|Team A
series2: 10,122,164|Team B
series3: 150,90,200|Team C
gridbgcolor: #9999BB
gridbgcolor2: #8888AA
axiscolor: dark grey
floorcolor: light gray
gridcolor: grey
gridstyle: dotted
titletext: Scores by Team per Season
titlefont: Arial
titlefontsize: 12
titlefontbold: true
titlefontitalic: false
titlecolor: #444444
titleposition: -1,50
ytitletext: Season
ytitlefont: Arial
ytitlefontsize: 11
ytitlefontbold: true
ytitlefontitalic: false
ytitlecolor: #444444
xtitletext: Points
xtitlefont: Arial
xtitlefontsize: 11
xtitlefontbold: true
xtitlefontitalic: false
xtitlecolor: #444444
xlabelfont: Arial
xlabelfontsize: 10
xlabelfontbold: false
xlabelfontitalic: false
ylabels: 2006|2007|2008|2009|
yfont: medium
ylabelcolor: #444444
legend: true
legendstyle: horizontal
legendbgcolor: #FFFFFF
legendbordercolor: #FFFFFF
legendtextcolor: #444444
legendtitle:
legendfont: Arial
legendfontsize: 10
legendfontbold: false
legendfontitalic: true

View File

@@ -0,0 +1,86 @@
/* --------------------------------------------------------------------------------------------- */
/* */
/* For the full range of options and parameter meanings please see:- */
/* */
/* http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/configurationOptions.htm */
/* */
/* --------------------------------------------------------------------------------------------- */
width: 700
height: 400
quality: medium
backgroundcolor: black
grid: true
axis: true
ndecplaces: 0
barwidth: 80
barspacing: 5
chartscale: 20
chartstarty: 0
series1: 255,80,30|Team A
series2: 10,122,164|Team B
series3: 150,90,200|Team C
gridbgcolor: #9999BB
gridbgcolor2: #8888AA
axiscolor: #444499
floorcolor: #444499
gridcolor: grey
gridstyle: dotted
xlables: true
xfont: medium
xlabelpost: pt
xlabelcolor: #FFFFFF
titletext: Scores by Team per Season
titlefont: Arial
titlefontsize: 12
titlefontbold: true
titlefontitalic: false
titlecolor: #FFFFFF
titleposition: -1,50
ytitletext: Season
ytitlefont: Arial
ytitlefontsize: 11
ytitlefontbold: true
ytitlefontitalic: false
ytitlecolor: #FFFFFF
xtitletext: Points
xtitlefont: Arial
xtitlefontsize: 11
xtitlefontbold: true
xtitlefontitalic: false
xtitlecolor: #FFFFFF
xlabelfont: Arial
xlabelfontsize: 10
xlabelfontbold: false
xlabelfontitalic: false
ylabels: 2010
ylabelfont: Arial
ylabelfontsize: 11
ylabelfontbold: true
ylabelfontitalic: false
ylabelcolor: #FFFFFF
legend: true
legendstyle: horizontal
legendbgcolor: #000000
legendbordercolor: #000000
legendtextcolor: #FFFFFF
legendtitle:
legendfont: Arial
legendfontsize: 10
legendfontbold: false
legendfontitalic: true

View File

@@ -0,0 +1,12 @@
data1series1: 82000
data2series1: 60000
data3series1: 35000
data4series1: 20000
data5series1: 25000
data6series1: 13000
data7series1: 21000
data8series1: 32000
data9series1: 29000
data10series1: 45000
data11series1: 72000
data12series1: 65000

View File

@@ -0,0 +1,5 @@
data1series1: 820
data2series1: 600
data3series1: 350
data4series1: 200
data5series1: 250

View File

@@ -0,0 +1,16 @@
data1series1: 5
data2series1: 11
data3series1: 35
data4series1: 8
data1series2: 82
data2series2: 60
data3series2: 43
data4series2: 55
data1series3: 10
data2series3: 15
data3series3: 12
data4series3: 5

View File

@@ -0,0 +1,7 @@
data1series1: 15
data1series2: 82
data1series3: 10

View File

@@ -0,0 +1,142 @@
<!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>If the graphs below do not display then see the <a href="../../documentation/troubleShooting.htm">Troubleshooting guide</a> for details on how to resolve the problem.</p>
<img src="../../graph/horizontal-cylinder-graph.php?
data=../demo/cylinder-Hbar/data4.txt&
config=../demo/cylinder-Hbar/config4.txt"
width=700
height=400 />
<p>&nbsp;</p>
<img src="../../graph/horizontal-cylinder-graph.php?
data=../demo/cylinder-Hbar/data1.txt&
config=../demo/cylinder-Hbar/config1.txt"
width=700
height=450 />
<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>
</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>

View File

@@ -0,0 +1,88 @@
/* --------------------------------------------------------------------------------------------- */
/* */
/* For the full range of options and parameter meanings please see:- */
/* */
/* http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/configurationOptions.htm */
/* */
/* --------------------------------------------------------------------------------------------- */
width: 700
height: 450
quality: medium
backgroundcolor: white
grid: true
axis: true
ndecplaces: 0
thousandseparator: ,
barwidth: 23
barspacing: 2
nrows: 4
chartstartx: 0
chartscale: 25000
series1: orange|Product X
series2: 36,179,91|Product Y
series3: 179,36,91|Product Z
gridbgcolor: #00CC80
axiscolor: dark grey
floorcolor: light gray
gridcolor: grey
gridstyle: dotted
titletext: Product Sales by Month
titlefont: Arial
titlefontsize: 12
titlefontbold: true
titlefontitalic: false
titlecolor: #444444
titleposition: -1,50
ytitletext: Month
ytitlefont: Arial
ytitlefontsize: 11
ytitlefontbold: true
ytitlefontitalic: false
ytitlecolor: #444444
xtitletext: Value
xtitlefont: Arial
xtitlefontsize: 11
xtitlefontbold: true
xtitlefontitalic: false
xtitlecolor: #444444
xlables: true
xlabelcolor: black
xlabelpre: $
xlabelpost:
xlabelfont: Arial
xlabelfontsize: 10
xlabelfontbold: false
xlabelfontitalic: false
ylabels: January|February|March|April|May|June|July|August|September|October|November|December|
ylabelfont: Arial
ylabelfontsize: 9
ylabelfontbold: false
ylabelfontitalic: false
ylabelcolor: #444444
legend: true
legendstyle: horizontal
legendbgcolor: #FFFFFF
legendbordercolor: #FFFFFF
legendtextcolor: #444444
legendtitle:
legendfont: Arial
legendfontsize: 10
legendfontbold: false
legendfontitalic: true

View File

@@ -0,0 +1,75 @@
/* --------------------------------------------------------------------------------------------- */
/* */
/* For the full range of options and parameter meanings please see:- */
/* */
/* http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/configurationOptions.htm */
/* */
/* --------------------------------------------------------------------------------------------- */
width: 700
height: 400
quality: medium
backgroundcolor: white
grid: true
axis: true
hspace: 120
nrows: 5
ndecplaces: 0
barwidth: 45
barspacing: 10
series1: orange|Product X
gridbgcolor: #00CC80
gridbgcolor2: #00EEA0
axiscolor: dark green
floorcolor: #00CC80
gridcolor: dark green
gridstyle: dotted
titletext: Total Score for the Season
titlefont: Arial
titlefontsize: 12
titlefontbold: true
titlefontitalic: false
titlecolor: #444444
titleposition: -1,50
ytitletext: Player
ytitlefont: Arial
ytitlefontsize: 11
ytitlefontbold: true
ytitlefontitalic: false
ytitlecolor: #444444
xtitletext: Score
xtitlefont: Arial
xtitlefontsize: 11
xtitlefontbold: true
xtitlefontitalic: false
xtitlecolor: #444444
xlables: true
xlabelcolor: #444444
xlabelpost: pts
xlabelfont: Arial
xlabelfontsize: 10
xlabelfontbold: false
xlabelfontitalic: false
ylabels: John|Robert|Janice|Alf|Susan|
ylabelfont: Arial
ylabelfontsize: 9
ylabelfontbold: false
ylabelfontitalic: false
ylabelcolor: #444444
legend: false
legendfont: Arial
legendfontsize: 10
legendfontbold: false
legendfontitalic: true

View File

@@ -0,0 +1,81 @@
/* --------------------------------------------------------------------------------------------- */
/* */
/* For the full range of options and parameter meanings please see:- */
/* */
/* http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/configurationOptions.htm */
/* */
/* --------------------------------------------------------------------------------------------- */
width: 700
height: 400
quality: medium
backgroundcolor: white
grid: true
axis: true
ndecplaces: 0
barwidth: 60
barspacing: 5
series1: 255,80,30|Team A
series2: 10,122,164|Team B
series3: 150,90,200|Team C
gridbgcolor: #9999BB
gridbgcolor2: #8888AA
axiscolor: dark grey
floorcolor: light gray
gridcolor: grey
gridstyle: dotted
titletext: Scores by Team per Season
titlefont: Arial
titlefontsize: 12
titlefontbold: true
titlefontitalic: false
titlecolor: #444444
titleposition: -1,50
ytitletext: Season
ytitlefont: Arial
ytitlefontsize: 11
ytitlefontbold: true
ytitlefontitalic: false
ytitlecolor: #444444
xtitletext: Points
xtitlefont: Arial
xtitlefontsize: 11
xtitlefontbold: true
xtitlefontitalic: false
xtitlecolor: #444444
xlables: true
xlabelcolor: #444444
xlabelpost: pt
xlabelfont: Arial
xlabelfontsize: 10
xlabelfontbold: false
xlabelfontitalic: false
ylabels: 2006|2007|2008|2009|
ylabelfont: Arial
ylabelfontsize: 9
ylabelfontbold: false
ylabelfontitalic: false
ylabelcolor: #444444
legend: true
legendstyle: horizontal
legendbgcolor: #FFFFFF
legendbordercolor: #FFFFFF
legendtextcolor: #444444
legendtitle:
legendfont: Arial
legendfontsize: 10
legendfontbold: false
legendfontitalic: true

View File

@@ -0,0 +1,87 @@
/* --------------------------------------------------------------------------------------------- */
/* */
/* For the full range of options and parameter meanings please see:- */
/* */
/* http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/configurationOptions.htm */
/* */
/* --------------------------------------------------------------------------------------------- */
width: 700
height: 400
quality: medium
backgroundcolor: black
grid: true
axis: true
ndecplaces: 0
barwidth: 120
barspacing: 5
chartscale: 20
chartstartx: 0
nrows: 6
series1: 255,80,30|Team A
series2: 10,122,164|Team B
series3: 150,90,200|Team C
gridbgcolor: #9999BB
gridbgcolor2: #8888AA
axiscolor: #444499
floorcolor: #444499
gridcolor: grey
gridstyle: dotted
titletext: Scores by Team per Season
titlefont: Arial
titlefontsize: 12
titlefontbold: true
titlefontitalic: false
titlecolor: #FFFFFF
titleposition: -1,50
ytitletext: Season
ytitlefont: Arial
ytitlefontsize: 11
ytitlefontbold: true
ytitlefontitalic: false
ytitlecolor: #FFFFFF
xtitletext: Points
xtitlefont: Arial
xtitlefontsize: 11
xtitlefontbold: true
xtitlefontitalic: false
xtitlecolor: #FFFFFF
xlables: true
xlabelcolor: #FFFFFF
xlabelpost: pt
xlabelfont: Arial
xlabelfontsize: 10
xlabelfontbold: false
xlabelfontitalic: false
ylabels: 2007|2008|
ylabelfont: Arial
ylabelfontsize: 9
ylabelfontbold: false
ylabelfontitalic: false
ylabelcolor: #FFFFFF
legend: true
legendstyle: horizontal
legendbgcolor: #000000
legendbordercolor: #000000
legendtextcolor: #FFFFFF
legendtitle:
legendfont: Arial
legendfontsize: 10
legendfontbold: false
legendfontitalic: true

View File

@@ -0,0 +1,12 @@
data1series1: 82000
data2series1: 60000
data3series1: 35000
data4series1: 20000
data5series1: 25000
data6series1: 13000
data7series1: 21000
data8series1: 32000
data9series1: 29000
data10series1: 45000
data11series1: 72000
data12series1: 65000

View File

@@ -0,0 +1,5 @@
data1series1: 820
data2series1: 600
data3series1: 350
data4series1: 200
data5series1: 250

View File

@@ -0,0 +1,16 @@
data1series1: 5
data2series1: 11
data3series1: 35
data4series1: 8
data1series2: 82
data2series2: 60
data3series2: 43
data4series2: 55
data1series3: 10
data2series3: 15
data3series3: 12
data4series3: 5

View File

@@ -0,0 +1,10 @@
data1series1: 10
data2series1: 11
data1series2: 82
data2series2: 60
data1series3: 10
data2series3: 15

View File

@@ -0,0 +1,141 @@
<!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>If the graphs below do not display then see the <a href="../../documentation/troubleShooting.htm">Troubleshooting guide</a> for details on how to resolve the problem.</p>
<img src="../../graph/stacked-horizontal-cylinder-graph.php?
data=../demo/cylinder-SHbar/data3.txt&
config=../demo/cylinder-SHbar/config3.txt"
width=700
height=400 />
<p>&nbsp;</p>
<img src="../../graph/stacked-horizontal-cylinder-graph.php?
data=../demo/cylinder-SHbar/data1.txt&
config=../demo/cylinder-SHbar/config1.txt"
width=700
height=450 />
<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>
</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>

View File

@@ -0,0 +1,84 @@
/* --------------------------------------------------------------------------------------------- */
/* */
/* For the full range of options and parameter meanings please see:- */
/* */
/* http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/configurationOptions.htm */
/* */
/* --------------------------------------------------------------------------------------------- */
width: 700
height: 400
quality: medium
series1: #AA4040|Product X
outline: true
gradientfill: true
backgroundcolor: white
grid: true
axis: true
ndecplaces: 0
thousandseparator: ,
barwidth: 80
barspacing: 15
gridbgcolor: #772D2D
axiscolor: #AA4040
floorcolor: #FFB0B0
gridcolor: #AA4040
gridstyle: dotted
titletext: Product Sales by Month
titlefont: Arial
titlefontsize: 12
titlefontbold: true
titlefontitalic: false
titlecolor: #444444
titleposition: -1,50
xtitletext: Month
xtitlefont: Arial
xtitlefontsize: 11
xtitlefontbold: true
xtitlefontitalic: false
xtitlecolor: #444444
ytitletext: Value
ytitlefont: Arial
ytitlefontsize: 11
ytitlefontbold: true
ytitlefontitalic: false
ytitlecolor: #444444
xlabels: January|February|March|April|May|June
xlabelorientation: Up Angle
xlabeloffset: 0
xlabelfont: Arial
xlabelfontsize: 10
xlabelfontbold: false
xlabelfontitalic: false
xlabelcolor: #444444
ylabels: true
ylabelfont: Arial
ylabelfontsize: 9
ylabelfontbold: false
ylabelfontitalic: false
ylabelcolor: #444444
y2labelcolor: blue
ylabelpre: $
ylabelpost:
legend: true
legendstyle: horizontal
legendbgcolor: #FFFFFF
legendbordercolor: #FFFFFF
legendtextcolor: #444444
legendtitle:
legendfont: Arial
legendfontsize: 10
legendfontbold: false
legendfontitalic: true

View File

@@ -0,0 +1,85 @@
/* --------------------------------------------------------------------------------------------- */
/* */
/* For the full range of options and parameter meanings please see:- */
/* */
/* http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/configurationOptions.htm */
/* */
/* --------------------------------------------------------------------------------------------- */
width: 700
height: 400
quality: medium
series1: orange|Product X
outline: true
gradientfill: true
backgroundcolor: white
grid: true
axis: true
vspace: 25
nrows: 10
ndecplaces: 0
barwidth: 50
barspacing: 10
chartscale: 100
chartstarty: 0
gridbgcolor: #00CC80
gridbgcolor2: #00EEA0
axiscolor: #008F59
floorcolor: #008F59
gridcolor: #008F59
gridstyle: dotted
titletext: Total Score for the Season
titlefont: Arial
titlefontsize: 12
titlefontbold: true
titlefontitalic: false
titlecolor: #444444
titleposition: -1,50
xtitletext: Player
xtitlefont: Arial
xtitlefontsize: 11
xtitlefontbold: true
xtitlefontitalic: false
xtitlecolor: #444444
xlabelfont: Arial
xlabelfontsize: 10
xlabelfontbold: false
xlabelfontitalic: false
ytitletext: Score
ytitlefont: Arial
ytitlefontsize: 11
ytitlefontbold: true
ytitlefontitalic: false
ytitlecolor: #444444
xlabels: John|Robert|Janice|Alf|Susan|Gary|Julie|Gordon|Harold|Sheila
xlabelorientation: Up Angle
xlabeloffset: 0
xfont: medium
xlabelcolor: #444444
ylabels: true
ylabelfont: Arial
ylabelfontsize: 9
ylabelfontbold: false
ylabelfontitalic: false
ylabelcolor: #444444
y2labelcolor: blue
ylabelpost: pts
legend: false
legendfont: Arial
legendfontsize: 10
legendfontbold: false
legendfontitalic: true

View File

@@ -0,0 +1,87 @@
/* --------------------------------------------------------------------------------------------- */
/* */
/* For the full range of options and parameter meanings please see:- */
/* */
/* http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/configurationOptions.htm */
/* */
/* --------------------------------------------------------------------------------------------- */
width: 700
height: 400
quality: medium
series1: 255,80,30|Team A
series2: 10,122,164|Team B
series3: 150,90,200|Team C
outline: true
gradientfill: true
backgroundcolor: white
grid: true
axis: true
ndecplaces: 0
barwidth: 100
barspacing: 30
chartscale: 30
chartstarty: 0
gridbgcolor: #000000
axiscolor: #000000
floorcolor: #444499
gridcolor: #008F59
gridstyle: dotted
titletext: Scores by Team per Season
titlefont: Arial
titlefontsize: 12
titlefontbold: true
titlefontitalic: false
titlecolor: #444444
titleposition: -1,50
xtitletext: Season
xtitlefont: Arial
xtitlefontsize: 11
xtitlefontbold: true
xtitlefontitalic: false
xtitlecolor: #444444
ytitletext: Points
ytitlefont: Arial
ytitlefontsize: 11
ytitlefontbold: true
ytitlefontitalic: false
ytitlecolor: #444444
xlabels: 2007|2008|2009|
xlabelorientation: Horizontal
xlabeloffset: 0
xlabelfont: Arial
xlabelfontsize: 10
xlabelfontbold: false
xlabelfontitalic: false
xlabelcolor: #444444
ylabels: true
ylabelfont: Arial
ylabelfontsize: 9
ylabelfontbold: false
ylabelfontitalic: false
ylabelcolor: #444444
y2labelcolor: blue
ylabelpost: pt
legend: true
legendstyle: horizontal
legendbgcolor: #FFFFFF
legendbordercolor: #FFFFFF
legendtextcolor: #444444
legendtitle:
legendfont: Arial
legendfontsize: 10
legendfontbold: false
legendfontitalic: true

View File

@@ -0,0 +1,84 @@
/* --------------------------------------------------------------------------------------------- */
/* */
/* For the full range of options and parameter meanings please see:- */
/* */
/* http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/configurationOptions.htm */
/* */
/* --------------------------------------------------------------------------------------------- */
width: 700
height: 400
quality: medium
series1: 255,80,30|Team A
series2: 10,122,164|Team B
series3: 150,90,200|Team C
outline: true
gradientfill: true
backgroundcolor: black
grid: true
axis: true
ndecplaces: 0
barwidth: 100
barspacing: 30
gridbgcolor: #9999BB
gridbgcolor2: #8888AA
axiscolor: #444499
floorcolor: #444499
gridcolor: grey
gridstyle: dotted
titletext: Scores by Team per Season
titlefont: Arial
titlefontsize: 12
titlefontbold: true
titlefontitalic: false
titlecolor: #FFFFFF
titleposition: -1,50
xtitletext: Season
xtitlefont: Arial
xtitlefontsize: 11
xtitlefontbold: true
xtitlefontitalic: false
xtitlecolor: #FFFFFF
ytitletext: Points
ytitlefont: Arial
ytitlefontsize: 11
ytitlefontbold: true
ytitlefontitalic: false
ytitlecolor: #FFFFFF
xlabels: 2008|2009|2010|2011|
xlabelorientation: Horizontal
xlabeloffset: 0
xlabelfont: Arial
xlabelfontsize: 11
xlabelfontbold: false
xlabelfontitalic: false
xlabelcolor: #FFFFFF
ylabels: true
ylabelfont: Arial
ylabelfontsize: 11
ylabelfontbold: false
ylabelfontitalic: false
ylabelcolor: #FFFFFF
ylabelpost: pt
legend: true
legendstyle: horizontal
legendbgcolor: #FFFFFF
legendbordercolor: #FFFFFF
legendtextcolor: #444444
legendtitle:
legendfont: Arial
legendfontsize: 10
legendfontbold: false
legendfontitalic: true

View File

@@ -0,0 +1,6 @@
data1series1: 20000
data2series1: 60000
data3series1: 35000
data4series1: 25000
data5series1: 82000
data6series1: 13000

View File

@@ -0,0 +1,10 @@
data1series1: 250
data2series1: 600
data3series1: 350
data4series1: 200
data5series1: 820
data6series1: 350
data7series1: 640
data8series1: 650
data9series1: 430
data10series1: 320

View File

@@ -0,0 +1,12 @@
data1series1: 5
data2series1: 11
data3series1: 35
data1series2: 43
data2series2: 60
data3series2: 82
data1series3: 10
data2series3: 15
data3series3: 12

View File

@@ -0,0 +1,14 @@
data1series1: 15
data2series1: 19
data3series1: 82
data4series1: 52
data1series2: 43
data2series2: 60
data3series2: 82
data4series2: 22
data1series3: 16
data2series3: 15
data3series3: 18
data4series3: 32

View File

@@ -0,0 +1,142 @@
<!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>If the graphs below do not display then see the <a href="../../documentation/troubleShooting.htm">Troubleshooting guide</a> for details on how to resolve the problem.</p>
<img src="../../graph/stacked-vertical-cylinder-graph.php?
data=../demo/cylinder-SVbar/data4.txt&
config=../demo/cylinder-SVbar/config4.txt"
width=700
height=400 />
<p>&nbsp;</p>
<img src="../../graph/stacked-vertical-cylinder-graph.php?
data=../demo/cylinder-SVbar/data1.txt&
config=../demo/cylinder-SVbar/config1.txt"
width=700
height=400 />
<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>
</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>

View File

@@ -0,0 +1,84 @@
/* --------------------------------------------------------------------------------------------- */
/* */
/* For the full range of options and parameter meanings please see:- */
/* */
/* http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/configurationOptions.htm */
/* */
/* --------------------------------------------------------------------------------------------- */
width: 700
height: 400
series1: #992020|Product X
quality: medium
outline: true
gradientfill: true
backgroundcolor: white
grid: true
axis: true
ndecplaces: 0
thousandseparator: ,
barwidth: 70
barspacing: 10
gridbgcolor: #FFCDCD
axiscolor: #6B1616
floorcolor: #FF9A9A
gridcolor: #6B1616
gridstyle: dotted
titletext: Product Sales by Month
titlefont: Arial
titlefontsize: 12
titlefontbold: true
titlefontitalic: false
titlecolor: #444444
titleposition: -1,50
xtitletext: Month
xtitlefont: Arial
xtitlefontsize: 10
xtitlefontbold: true
xtitlefontitalic: false
xtitlecolor: #444444
ytitletext: Value
ytitlefont: Arial
ytitlefontsize: 10
ytitlefontbold: true
ytitlefontitalic: false
ytitlecolor: #444444
xlabels: January|February|March|April|May|June
xlabelorientation: Up Angle
xlabeloffset: 15
xlabelfont: Arial
xlabelfontsize: 11
xlabelfontbold: false
xlabelfontitalic: false
xlabelcolor: #444444
ylabels: true
ylabelfont: Arial
ylabelfontsize: 11
ylabelfontbold: false
ylabelfontitalic: false
ylabelcolor: #444444
y2labelcolor: blue
ylabelpre: $
ylabelpost:
legend: true
legendstyle: horizontal
legendbgcolor: #FFFFFF
legendbordercolor: #FFFFFF
legendtextcolor: #444444
legendtitle:
legendfont: Arial
legendfontsize: 10
legendfontbold: false
legendfontitalic: true

View File

@@ -0,0 +1,83 @@
/* --------------------------------------------------------------------------------------------- */
/* */
/* For the full range of options and parameter meanings please see:- */
/* */
/* http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/configurationOptions.htm */
/* */
/* --------------------------------------------------------------------------------------------- */
width: 700
height: 400
series1: orange|Product X
quality: medium
outline: true
gradientfill: true
backgroundcolor: white
grid: true
axis: true
vspace: 25
nrows: 10
ndecplaces: 0
barwidth: 70
barspacing: 10
chartscale: 100
chartstarty: 0
gridbgcolor: #00CC80
gridbgcolor2: #00EEA0
axiscolor: dark green
floorcolor: #00CC80
gridcolor: dark green
gridstyle: dotted
ylabels: true
ylabelfont: Arial
ylabelfontsize: 11
ylabelfontbold: false
ylabelfontitalic: false
ylabelcolor: #444444
y2labelcolor: blue
ylabelpost: pts
titletext: Total Score for the Season
titlefont: Arial
titlefontsize: 12
titlefontbold: true
titlefontitalic: false
titlecolor: #444444
titleposition: -1,50
xtitletext: Player
xtitlefont: Arial
xtitlefontsize: 11
xtitlefontbold: true
xtitlefontitalic: false
xtitlecolor: #444444
ytitletext: Score
ytitlefont: Arial
ytitlefontsize: 11
ytitlefontbold: true
ytitlefontitalic: false
ytitlecolor: #444444
xlabels: John|Robert|Janice|Alf|Susan|
xlabelorientation: Up Angle
xlabeloffset: 0
xlabelfont: Arial
xlabelfontsize: 11
xlabelfontbold: false
xlabelfontitalic: false
xlabelcolor: #444444
legend: false
legendfont: Arial
legendfontsize: 10
legendfontbold: false
legendfontitalic: true

View File

@@ -0,0 +1,87 @@
/* --------------------------------------------------------------------------------------------- */
/* */
/* For the full range of options and parameter meanings please see:- */
/* */
/* http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/configurationOptions.htm */
/* */
/* --------------------------------------------------------------------------------------------- */
width: 700
height: 400
quality: medium
series1: 255,80,30|Team A
series2: 10,122,164|Team B
series3: 150,90,200|Team C
outline: true
gradientfill: true
backgroundcolor: white
grid: true
axis: true
ndecplaces: 0
barwidth: 38
barspacing: 2
chartscale: 20
chartstarty: 0
gridbgcolor: #444444
axiscolor: grey
floorcolor: gray
gridcolor: gray
gridstyle: dotted
ylabels: true
ylabelfont: Arial
ylabelfontsize: 10
ylabelfontbold: false
ylabelfontitalic: false
ylabelcolor: #444444
y2labelcolor: blue
ylabelpost: pt
titletext: Scores by Team per Season
titlefont: Arial
titlefontsize: 12
titlefontbold: true
titlefontitalic: false
titlecolor: #444444
titleposition: -1,50
xtitletext: Season
xtitlefont: Arial
xtitlefontsize: 11
xtitlefontbold: true
xtitlefontitalic: false
xtitlecolor: #444444
ytitletext: Points
ytitlefont: Arial
ytitlefontsize: 11
ytitlefontbold: true
ytitlefontitalic: false
ytitlecolor: #444444
xlabels: 2007|2008|2009|2010|2011
xlabelorientation: Horizontal
xlabeloffset: 0
xlabelfont: Arial
xlabelfontsize: 10
xlabelfontbold: false
xlabelfontitalic: false
xlabelcolor: #444444
legend: true
legendstyle: horizontal
legendbgcolor: #FFFFFF
legendbordercolor: #FFFFFF
legendtextcolor: #444444
legendtitle:
legendfont: Arial
legendfontsize: 10
legendfontbold: false
legendfontitalic: true

View File

@@ -0,0 +1,84 @@
/* --------------------------------------------------------------------------------------------- */
/* */
/* For the full range of options and parameter meanings please see:- */
/* */
/* http://www.jpowered.com/php-scripts/adv-graph-chart/documentation/configurationOptions.htm */
/* */
/* --------------------------------------------------------------------------------------------- */
width: 700
height: 400
quality: medium
series1: 255,80,30|Team A
series2: 10,122,164|Team B
series3: 150,90,200|Team C
outline: true
gradientfill: true
backgroundcolor: black
grid: true
axis: true
ndecplaces: 0
barwidth: 90
barspacing: 5
gridbgcolor: #9999BB
gridbgcolor2: #8888AA
axiscolor: #444499
floorcolor: #444499
gridcolor: grey
gridstyle: dotted
ylabels: true
ylabelfont: Arial
ylabelfontsize: 11
ylabelfontbold: false
ylabelfontitalic: false
ylabelcolor: #FFFFFF
ylabelpost: pt
titletext: Scores by Team per Season
titlefont: Arial
titlefontsize: 12
titlefontbold: true
titlefontitalic: false
titlecolor: #FFFFFF
titleposition: -1,50
xtitletext: Season
xtitlefont: Arial
xtitlefontsize: 11
xtitlefontbold: true
xtitlefontitalic: false
xtitlecolor: #FFFFFF
ytitletext: Points
ytitlefont: Arial
ytitlefontsize: 11
ytitlefontbold: true
ytitlefontitalic: false
ytitlecolor: #FFFFFF
xlabels: 2010|2011|
xlabelorientation: Horizontal
xlabeloffset: 0
xlabelfont: Arial
xlabelfontsize: 10
xlabelfontbold: false
xlabelfontitalic: false
xlabelcolor: #FFFFFF
legend: true
legendstyle: horizontal
legendbgcolor: #000000
legendbordercolor: #000000
legendtextcolor: #FFFFFF
legendtitle:
legendfont: Arial
legendfontsize: 10
legendfontbold: false
legendfontitalic: true

View File

@@ -0,0 +1,6 @@
data1series1: 20000
data2series1: 60000
data3series1: 35000
data4series1: 25000
data5series1: 82000
data6series1: 13000

View File

@@ -0,0 +1,5 @@
data1series1: 250
data2series1: 600
data3series1: 350
data4series1: 200
data5series1: 820

View File

@@ -0,0 +1,18 @@
data1series1: 15
data2series1: 11
data3series1: 35
data4series1: 25
data5series1: 82
data1series2: 43
data2series2: 60
data3series2: 56
data4series2: 32
data5series2: 22
data1series3: 10
data2series3: 15
data3series3: 12
data4series3: 21
data5series3: 16

Some files were not shown because too many files have changed in this diff Show More