<?php
require_once "../conf.php";
?>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>phpChart - Basic Chart with Bar Renderer</title>
</head>
<body>
<?php
$pc = new C_PhpChartX(array(array(11, 9, 5, 12, 14)), 'basic_chart');
$pc->set_animate(true);
$pc->set_title(array('text' => 'Basic Chart with Bar Renderer'));
$pc->set_series_default(array('renderer' => 'plugin::BarRenderer'));
$pc->add_plugins(array('highlighter', 'cursor'));
$pc->draw();
?>
</body>
</html>
font-size: 1em;
}
</style>
</head>
<body>
<div><span> </span><span id="info1b"></span></div>
<?php
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Chart 1 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$line1 = array(array('<frogs> & lizards', 3), array('buzzards & gizzards', 7), array('deer & beef', 2.5), array('turkeys & vulures', 6), array('moles & voles', 5), array('ground hogs & beets', 4));
$line2 = array(3, 7, 2.5, 6, 5, 4);
$pc = new C_PhpChartX(array($line1), 'chart1');
$pc->set_series_color(array('#dd3333', '#d465f1', '#aa2211', '#3377aa', '#6699bb', '#9933aa'));
$pc->set_title(array('text' => 'Default Pie Chart with Custom Colors'));
$pc->set_series_default(array('renderer' => 'plugin::PieRenderer'));
$pc->draw(400, 300);
/*
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Chart 2 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$line1 = array(array('<frogs> & lizards', 3), array('buzzards & gizzards', 7), array('deer & beef', 2.5), array('turkeys & vulures', 6), array('moles & voles', 5), array('ground hogs & beets', 4));
$line2 = array(3, 7, 2.5, 6, 5, 4);
$pc = new C_PhpChartX(array($line1),'chart2');
<head>
<title>phpChart - Min Max Lines</title>
</head>
<body>
<div><span> </span><span id="info1b"></span></div>
<?php
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Chart 1 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$line1 = array(array(1, 1), array(4, 2), array(9, 3), array(16, 4));
$line2 = array(array(25, 1), array(12.5, 2), array(6.25, 3), array(3.125, 4));
$min = array(array(2, 0.6), array(2, 4.4));
$max = array(array(15, 0.6), array(15, 4.4));
$pc = new C_PhpChartX(array($line1, $line2, $min, $max), 'chart1');
$pc->set_title(array('text' => 'Horizontally Oriented Bar Chart'));
$pc->set_animate(true);
$pc->add_series(array('label' => 'Cats', 'renderer' => 'plugin::BarRenderer', 'rendererOptions' => array('barDirection' => 'horizontal', 'barPadding' => 6, 'barMargin' => 15), 'shadowAngle' => 135));
$pc->add_series(array('label' => 'Dogs', 'renderer' => 'plugin::BarRenderer', 'rendererOptions' => array('barDirection' => 'horizontal', 'barPadding' => 6, 'barMargin' => 15), 'shadowAngle' => 135));
$pc->add_series(array('showMarker' => false, 'label' => 'min'));
$pc->add_series(array('showMarker' => false, 'label' => 'max'));
$pc->set_legend(array('show' => true, 'location' => 'ne'));
$pc->set_axes(array('xaxis' => array('min' => 0), 'yaxis' => array('renderer' => 'plugin::CategoryAxisRenderer', 'ticks' => array('Once', 'Twice', 'Three Times', 'More'))));
$pc->draw(800, 300);
?>
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
<title>phpChart - Data Renderer Demo</title>
</head>
<body>
<div><span> </span><span id="info1b"></span></div>
<?php
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Chart 1 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$line1 = array(-3.5, -3, -2.5, -2, -1.5, -1, -0.5, 0, 0.5, 1, 1.5, 2, 2.5, 3, 3.5);
$pc = new C_PhpChartX(array($line1), 'plot');
$pc->add_plugins(array('ohlcRenderer', 'json2', 'ciParser'));
$pc->set_title(array('text' => 'Sine Data Renderer'));
$pc->set_data_renderer('js::sineRenderer');
$pc->draw();
?>
<script>
sineRenderer = function() {
var data = [[]];
for (var i=0; i<13; i+=0.5) {
data[0].push([i, Math.sin(i)]);
}
return data;
};
</script>
.jqplot-target {
margin-bottom: 30px;
}
</style>
</head>
<body>
<div><span> </span><span id="info1b"></span></div>
<?php
$s1 = array(3, 1.5, 2, 0.5, 2, 1, 2.5);
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Chart 1 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$pc = new C_PhpChartX(array($s1), 'chart7');
$pc->add_plugins(array('canvasTextRenderer'), true);
$pc->set_axes(array('yaxis' => array('min' => 0, 'tickOptions' => array('formatString' => '%d', 'numberTicks' => 6))));
$pc->draw(500, 300);
/*
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Chart 2 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$pc = new C_PhpChartX(array($s1),'chart8');
$pc->add_plugins(array('canvasTextRenderer'),true);
$pc->set_axes(array(
div.jqplot-cursor-legend-swatch {
/* width: 15px;*/
}
</style>
</head>
<body>
Double click on chart to reset zoom level.
<?php
$goog = array(array("6/22/2009", 425.32), array("6/8/2009", 424.84), array("5/26/2009", 417.23), array("5/11/2009", 390), array("4/27/2009", 393.69), array("4/13/2009", 392.24), array("3/30/2009", 369.78), array("3/16/2009", 330.16), array("3/2/2009", 308.57), array("2/17/2009", 346.45), array("2/2/2009", 371.28), array("1/20/2009", 324.7), array("1/5/2009", 315.07), array("12/22/2008", 300.36), array("12/8/2008", 315.76), array("11/24/2008", 292.96), array("11/10/2008", 310.02), array("10/27/2008", 359.36), array("10/13/2008", 372.54), array("9/29/2008", 386.91), array("9/15/2008", 449.15), array("9/2/2008", 444.25), array("8/25/2008", 463.29), array("8/11/2008", 510.15), array("7/28/2008", 467.86), array("7/14/2008", 481.32), array("6/30/2008", 537), array("6/16/2008", 546.4299999999999), array("6/2/2008", 567), array("5/19/2008", 544.62), array("5/5/2008", 573.2), array("4/21/2008", 544.0599999999999), array("4/7/2008", 457.45), array("3/24/2008", 438.08), array("3/10/2008", 437.92), array("2/25/2008", 471.18), array("2/11/2008", 529.64), array("1/28/2008", 515.9), array("1/14/2008", 600.25), array("12/31/2007", 657), array("12/17/2007", 696.6900000000001), array("12/3/2007", 714.87), array("11/19/2007", 676.7), array("11/5/2007", 663.97), array("10/22/2007", 674.6), array("10/8/2007", 637.39), array("9/24/2007", 567.27), array("9/10/2007", 528.75), array("8/27/2007", 515.25));
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Zoom 1 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$pc = new C_PhpChartX(array($goog), 'chart1');
// $pc->add_plugins(array('barRenderer', 'categoryAxisRenderer', 'canvasAxisTickRenderer'));
$pc->add_plugins(array('canvasTextRenderer', 'cursor'));
$pc->set_animate(true);
$pc->set_title(array('text' => 'Google Inc.'));
$pc->set_series_default(array('neighborThreshold' => -1));
$pc->set_xaxes(array('xaxis' => array('renderer' => 'plugin::DateAxisRenderer', 'min' => 'August 1, 2007', 'tickInterval' => '4 months', 'tickOptions' => array('formatString' => '%Y/%#m/%#d'))));
$pc->set_yaxes(array('y2axis' => array('renderer' => 'plugin::LogAxisRenderer', 'tickOptions' => array('formatString' => '$%.2f'))));
$pc->set_cursor(array('show' => true, 'zoom' => true));
$pc->draw(600, 400);
/*
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Zoom 2 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
<!DOCTYPE HTML>
<html>
<head>
<title>phpChart - Pie Chart</title>
</head>
<body>
<div><span> </span><span id="info1b"></span></div>
<?php
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Chart 1 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$pc = new C_PhpChartX(array(array(array('Verwerkende FruedenStunde Companaziert Eine industrie', 9), array('Retail', 8), array('Primaire producent', 7), array('Out of home', 6), array('Groothandel', 5), array('Grondstof', 4), array('Consument', 3), array('Bewerkende industrie', 2))), 'chart1');
$pc->set_title(array('text' => ' '));
$pc->set_series_default(array('shadow' => false, 'renderer' => 'plugin::PieRenderer', 'rendererOptions' => array('padding' => 2, 'sliceMargin' => 2, 'showDataLabels' => false)));
$pc->set_legend(array('show' => true, 'location' => 'e'));
$pc->draw(460, 400);
/*
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Chart 2 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$pc = new C_PhpChartX(array(array(array('Verwerkende FruedenStunde Companaziert Eine industrie', 9),array('Retail', 8), array('Primaire producent', 7),
array('Out of home', 6),array('Groothandel', 5), array('Grondstof', 4), array('Consument', 3), array('Bewerkende industrie', 2))),'chart2');
$pc->set_title(array('text'=>' '));
<button onclick="plot1.moveSeriesToFront(0);">Lions</button>
<button onclick="plot1.moveSeriesToFront(1);">Tigers</button>
<button onclick="plot1.moveSeriesToFront(2);">Bears</button>
<button onclick="plot1.restorePreviousSeriesOrder();">Last Order</button>
<button onclick="plot1.restoreOriginalSeriesOrder();">Original Order</button>
<?php
$l1 = array(3, 4, 1, 4, 2);
$l2 = array(2, 5, 1, 4, 2);
$l3 = array(1, 6, 1, 4, 2);
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Chart 1 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$pc = new C_PhpChartX(array($l1, $l2, $l3), 'plot1');
$pc->add_plugins(array('highlighter', 'enhancedLegendRenderer'), true);
$pc->set_legend(array('show' => true, 'renderer' => 'plugin::EnhancedLegendRenderer'));
$pc->set_animate(true);
$pc->set_series_default(array('lineWidth' => 4));
$pc->add_series(array('label' => 'lions'));
$pc->add_series(array('label' => 'tigers'));
$pc->add_series(array('label' => 'bears'));
$pc->set_series_color(array('#cc6666', '#66cc66', '#6666cc'));
$pc->set_highlighter(array('bringSeriesToFront' => true));
$pc->draw(600, 400);
?>
</body>
</html>
<?php
require_once "../conf.php";
?>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>phpChart - Basic Chart with Bar Renderer</title>
</head>
<body>
<?php
$pc = new C_PhpChartX(array(array(11, 9, 5, 12, 14)), 'basic_chart');
$pc->set_animate(true);
$pc->set_title(array('text' => 'Basic Chart with Donut Renderer'));
$pc->set_series_default(array('renderer' => 'plugin::DonutRenderer', 'rendererOptions' => array('sliceMargin' => 2, 'innerDiameter' => 110, 'startAngle' => -90, 'highlightMouseDown' => true), 'shadow' => true));
$pc->add_plugins(array('highlighter'));
$pc->draw();
?>
</body>
</html>
<?php
require_once "../conf.php";
?>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>phpChart - Basic Chart with Bar Renderer</title>
</head>
<body>
<?php
$pc = new C_PhpChartX(array(array(11, 9, 5, 12, 14)), 'basic_chart');
$pc->set_animate(true);
$pc->set_title(array('text' => 'Basic Chart with Bar Renderer'));
$pc->set_series_default(array('renderer' => 'plugin::BarRenderer'));
$pc->draw();
?>
</body>
</html>
<?php
require_once "../conf.php";
?>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>phpChart - Basic Chart</title>
</head>
<body>
<?php
$pc = new C_PhpChartX(array(array(11, 9, 5, 12, 14)), 'basic_chart');
$pc->set_title(array('text' => 'Basic Chart'));
$pc->draw();
?>
</body>
</html>
?>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>phpChart - Bubble Chart</title>
</head>
<body>
<div><span> </span><span id="info1b"></span></div>
<?php
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Chart 1 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$s1 = array(array(0.6, 2.6, 12, 'Ford'), array(0.5, 3, 16, 'GM'), array(1.3, 2, 17, 'VW'), array(1.2, 1.2, 13, 'Mini'), array(2.7, 1.5, 5), array(1.7, 1.2, 4), array(1.6, 2.9, 3), array(0.3, 0.6, 2), array(1.3, 2.2, 10, 'Franklin'), array(1.1, 1.3, 13, 'Nissan'), array(1, 1, 12, 'Chrysler'), array(2, 2.5, 11, 'Audi'));
$pc = new C_PhpChartX(array($s1), 'chart1');
$pc->add_plugins(array('bubbleRenderer'));
$pc->sort_data(true);
$pc->set_title(array('text' => 'Bubble Test'));
$pc->set_series_default(array('renderer' => 'plugin::BubbleRenderer', 'rendererOptions' => array('autoscalePointsFactor' => -0.15, 'bubbleAlpha' => 0.6, 'highlightAlpha' => 0.8), 'highlightMouseDown' => true, 'shadow' => true, 'shadowAlpha' => 0.05));
$pc->add_series(array('breakOnNull' => true));
// $pc->set_axes(array(
// 'xaxis'=>array('min'=>0,'max'=>18,'tickInterval'=>2),
// ));
$pc->draw(600, 400);
?>
</body>
</html>
<body>
<div><span> </span><span id="info1b"></span></div>
<?php
$l1 = array(2, 3, 1, 4, 3);
$l2 = array(1, 4, 3, 2, 2.5);
$l3 = array(14, 24, 18, 8, 22);
$l4 = array(102, 104, 153, 122, 138);
$l5 = array(843, 777, 754, 724, 722);
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Chart 1 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$pc = new C_PhpChartX(array($l1, $l2, $l3, $l4, $l5), 'chart1');
$pc->add_plugins(array('highlighter'));
$pc->set_title(array('text' => 'Default Multiply y axes'));
$pc->set_animate(true);
$pc->add_series(array('yaxis' => 'y2axis'));
$pc->add_series(array('yaxis' => 'y3axis'));
$pc->add_series(array('yaxis' => 'y4axis'));
$pc->add_series(array('yaxis' => 'y5axis'));
$pc->add_series(array('yaxis' => 'y6axis'));
$pc->set_highlighter(array('bringSeriesToFront' => true));
$pc->set_axes(array('yaxis' => array('autoscale' => true), 'y2axis' => array('autoscale' => true), 'y3axis' => array('autoscale' => true), 'y4axis' => array('autoscale' => true), 'y5axis' => array('autoscale' => true), 'y6axis' => array('autoscale' => true)));
$pc->draw(800, 300);
/*
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Chart 2 Example
<?php
require_once "dbconnector.php";
?>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>phpChart - Basic Chart</title>
</head>
<body>
<?php
$pc = new C_PhpChartX(array(array(11, 9, 5, 12, 14)), 'basic_chart');
$pc->draw();
?>
</body>
</html>
$x = 0;
foreach ($visitsummary as $variable) {
$var = array();
$var1 = array();
array_push($var, (int) $x);
array_push($var, (int) $variable->bp);
array_push($var, $variable->updated_at);
array_push($s1, $var);
array_push($var1, (int) $x);
array_push($var1, (int) $variable->weight);
array_push($var1, $variable->updated_at);
array_push($s2, $var1);
$x++;
}
include_once public_path() . "/phpChart_Lite/conf.php";
$pc = new C_PhpChartX(array($s1, $s2), 'basic_chart');
$pc->set_animate(true);
$pc->set_title(array('text' => 'Patient Info'));
$pc->add_plugins(array('highlighter', 'canvasTextRenderer'));
$pc->add_plugins(array('cursor', 'pointLabels', 'barRenderer', 'categoryAxisRenderer'), true);
$pc->set_axes(array('yaxis' => array('padMax' => 2.0)));
$pc->set_grid(array('background' => 'lightyellow', 'borderWidth' => 0, 'borderColor' => '#000000', 'shadow' => true, 'shadowWidth' => 10, 'shadowOffset' => 3, 'shadowDepth' => 3, 'shadowColor' => 'rgba(230, 230, 230, 0.07)'));
$pc->set_series_default(array('pointLabels' => array('show' => true, 'escapeHTML' => false, 'ypadding' => -15)));
$pc->set_legend(array('show' => true));
$pc->add_series(array('label' => 'Blood Pressure'));
$pc->add_series(array('label' => 'Weight'));
$pc->draw(600, 400);
$pc->draw();
?>
<a style="background-color: #4CAF50; /* Green */
<body>
<div><span> </span><span id="info1b"></span></div>
<?php
$s1 = array(array('a', 2), array('b', 6), array('c', 7), array('d', 10));
$s2 = array(array('a', 4), array('b', 7), array('c', 6), array('d', 3));
$s3 = array(array('a', 2), array('b', 1), array('c', 3), array('d', 3));
$s4 = array(array('a', 4), array('b', 3), array('c', 2), array('d', 1));
$s5 = array(1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1);
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Chart 1 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$pc = new C_PhpChartX(array($s1), 'chart1');
$pc->add_plugins(array('pointLabels'), true);
$pc->set_series_default(array('renderer' => 'plugin::PieRenderer'));
$pc->set_legend(array('show' => true));
$pc->draw(400, 400);
/*
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Chart 2 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$pc = new C_PhpChartX(array($s2),'chart2');
$pc->add_plugins(array('pointLabels'),true);
$pc->set_series_default(array(
'renderer'=>'plugin::PieRenderer',
'rendererOptions'=>array('sliceMargin'=>4,'startAngle'=>-90)));
}
</style>
</head>
<body>
<div><span> </span><span id="info1b"></span></div>
<?php
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Chart 0 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$s1 = array(1);
$pc = new C_PhpChartX(array($s1), 'chart0');
$pc->set_title(array('text' => 'Network Speed'));
$pc->set_series_default(array('renderer' => 'plugin::MeterGaugeRenderer', 'rendererOptions' => array('label' => 'MB/s')));
$pc->draw(600, 300);
/*
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Chart 1 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$s1 = array(1);
$pc = new C_PhpChartX(array($s1),'chart1');
$pc->set_series_default(array(
'renderer'=>'plugin::MeterGaugeRenderer',
'rendererOptions'=>array(
<html>
<head>
<title>phpChart - Data Labels</title>
</head>
<body>
<div><span> </span><span id="info1b"></span></div>
<?php
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Chart 1 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$s1 = array(array('Sony', 7), array('Samsumg', 13.3), array('LG', 14.7), array('Vizio', 5.2), array('Insignia', 1.2));
$pc = new C_PhpChartX(array($s1), 'chart1');
$pc->set_axes_default(array());
$pc->set_grid(array('drawBorder' => false, 'drawGridlines' => false, 'background' => '#ffffff', 'shadow' => false));
$pc->set_series_default(array('renderer' => 'plugin::PieRenderer', 'rendererOptions' => array('showDataLabels' => true, 'dataLabelPositionFactor' => 0.6, 'dataLabelNudge' => 0, 'dataLabels' => array('Longer', 'B', 'C', 'Longer', 'None'))));
$pc->set_legend(array('show' => true, 'placement' => 'outside'));
$pc->draw(300, 300);
/*
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Chart 2 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$s1 = array(array('Sony',7), array('Samsumg',13.3), array('LG',14.7), array('Vizio',5.2), array('Insignia', 1.2));
$pc = new C_PhpChartX(array($s1),'chart2');
$pc->set_axes_default(array());
$pc->set_series_default(array(
<body>
<div><span> </span><span id="info1b"></span></div>
<?php
$s1 = array(1, 6, 9, 8);
$s2 = array(4, 3, 1, 2);
$s3 = array(6, 2, 4, 1);
$s4 = array(1, 2, 3, 4);
$s5 = array(4, 3, 2, 1);
$s6 = array(8, 2, 6, 3);
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Chart 1 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$pc = new C_PhpChartX(array($s1, $s2, $s3, $s4, $s5, $s6), 'chart1');
$pc->set_animate(true);
$pc->set_stack_series(true);
$pc->set_series_default(array('fill' => true, 'showMarker' => false));
$pc->set_legend(array('renderer' => 'plugin::EnhancedLegendRenderer', 'show' => true, 'labels' => array('Fog', 'Rain', 'Frost', 'Sleet', 'Hail', 'Snow'), 'rendererOptions' => array('numberColumns' => 3)));
$pc->set_axes(array('xaxis' => array('pad' => 0), 'yaxis' => array('min' => 0, 'max' => 35)));
$pc->draw(500, 300);
/*
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Chart 2 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$pc = new C_PhpChartX(array($s1,$s2,$s3,$s4,$s5,$s6),'chart2');
$pc->add_plugins(array('enhancedLegendRenderer','barRenderer','categoryAxisRenderer'),true);
<?php
require_once "../conf.php";
?>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>phpChart - Basic Chart with Custom Grid Properties</title>
</head>
<body>
<?php
$pc = new C_PhpChartX(array(array(11, 9, 5, 12, 14)), 'basic_chart');
$pc->set_animate(true);
$pc->set_title(array('text' => 'Basic Chart with Custom Grid Properties'));
$pc->set_series_default(array('renderer' => 'plugin::BarRenderer', 'rendererOptions' => array('sliceMargin' => 2, 'innerDiameter' => 110, 'startAngle' => -90, 'highlightMouseDown' => true), 'shadow' => true));
$pc->add_plugins(array('highlighter'));
//set phpChart grid properties
$pc->set_grid(array('background' => 'lightyellow', 'borderWidth' => 0, 'borderColor' => '#000000', 'shadow' => true, 'shadowWidth' => 10, 'shadowOffset' => 3, 'shadowDepth' => 3, 'shadowColor' => 'rgba(230, 230, 230, 0.07)'));
$pc->draw();
?>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>phpChart - Bar Test</title>
</head>
<body>
<div><span> </span><span id="info1b"></span></div>
<?php
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Bar 1 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$s1 = array(2, 6, 7, 10);
$ticks = array('a', 'b', 'c', 'd');
$pc = new C_PhpChartX(array($s1), 'chart1');
$pc->add_plugins(array('highlighter', 'pointLabels'));
$pc->set_animate(true);
$pc->set_series_default(array('renderer' => 'plugin::BarRenderer', 'pointLabels' => array('show' => true)));
$pc->set_axes(array('xaxis' => array('renderer' => 'plugin::CategoryAxisRenderer', 'ticks' => $ticks)));
$pc->set_highlighter(array('show' => false));
$pc->bind_js('jqplotDataClick', array('series' => 'seriesIndex', 'point' => 'pointIndex', 'data' => 'data'));
$pc->draw(400, 300);
/*
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Bar 2 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$s1 = array(2, 6, 7, 10);
$s2 = array(7, 5, 3, 2);
<?php
require_once "../conf.php";
?>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>phpChart - Highlighter 2</title>
</head>
<body>
<div><span> </span><span id="info1b"></span></div>
<?php
$s1 = array(3, 7, 4, 9, 11, 12);
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Chart 1 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$pc = new C_PhpChartX(array($s1), 'chart1');
$pc->add_custom_js("\n \$('#chart1').append('<div id=\"myToolTip\" style=\"position:absolute;display:none;background:#E5DACA;padding:4px;\"></div>');\n function myMove (ev, gridpos, datapos, neighbor, plot) {\n if (neighbor == null) {\n \$('#myToolTip').fadeOut().empty();\n isShowing = false;\n }\n if (neighbor != null) {\n if (\$('#myToolTip').is(':hidden')) {\n var d = new Date();\n var myText = d.getSeconds(); // could be any function pulling data from anywhere. \n \$('#myToolTip').html(myText).css({left:gridpos.x, top:gridpos.y}).fadeIn();\n }\n }\n }\n // Here is how you attach the custom callback to the mouse move event on the plot.\n \$.jqplot.eventListenerHooks.push(['jqplotMouseMove', myMove]);\n ", 'after');
$pc->draw(500, 300);
?>
</body>
</html>
<?php
require_once "../conf.php";
?>
<!DOCTYPE HTML>
<html>
<head>
<title>phpChart - Point Label with Custom Graphics</title>
</head>
<body>
<div><span> </span><span id="info1b"></span></div>
<?php
$s1 = array(array(0, 300, '<img height="30px" width="30px" src="images/new.png"/>'), array(1, 150, '<img height="30px" width="30px" src="images/new.png"/>'), array(2, 35, '<img height="30px" width="30px" src="images/new.png"/>'));
$pc = new C_PhpChartX(array($s1), 'chart1');
$pc->add_plugins(array('cursor', 'pointLabels', 'barRenderer', 'categoryAxisRenderer'), true);
$pc->set_animate(true);
$pc->set_title(array('text' => 'Simple Test'));
$pc->set_legend(array('show' => true));
$pc->set_axes_default(array('useSeriesColor' => true));
$pc->set_series_default(array('pointLabels' => array('show' => true, 'escapeHTML' => false, 'ypadding' => -15)));
$pc->draw(600, 400);
?>
</body>
</html>
<style type="text/css">
div.plot {
margin-bottom: 70px;
margin-left: 20px;
}
</style>
</head>
<body>
<div><span> </span><span id="info1b"></span></div>
<?php
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Chart 1 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$l1 = array(2, 5, 8, 1, 9, 7);
$l2 = array(9, 13, 11);
$l3 = array(7, 6, 5, 3, 2, 5);
$l4 = array(15, 12, 19, 14, 9, 15);
$pc = new C_PhpChartX(array($l1, $l2, $l3, $l4), 'chart1');
$pc->set_legend(array('show' => true));
$pc->add_series(array('markerOptions' => array('style' => 'x')));
$pc->add_series(array('markerOptions' => array('style' => 'dash')));
$pc->add_series(array('markerOptions' => array('style' => 'plus')));
$pc->draw(600, 300);
?>
</body>
</html>
?>
<!DOCTYPE HTML>
<html>
<head>
<title>phpChart - Multiple Lines</title>
</head>
<body>
<div><span> </span><span id="info1b"></span></div>
<?php
$l1 = array(18, 36, 14, 11);
$l2 = array(array(2, 14), array(7, 2), array(8, 5));
$l3 = array(4, 7, 9, 2, 11, 5, 9, 13, 8, 7);
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Chart 1 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$pc = new C_PhpChartX(array($l1, $l2, $l3), 'chart1');
$pc->jqplot_show_plugins(true);
$pc->set_legend(array('show' => true));
$pc->set_animate(true);
$pc->add_series(array('showLabel' => true));
$pc->add_series(array('showLabel' => true));
$pc->add_series(array('showLabel' => false));
$pc->draw(600, 300);
?>
</body>
</html>
font-size: 1.1em;
}
</style>
</head>
<body>
<div><span> </span><span id="info1b"></span></div>
<?php
$l1 = array(2, 3, 1, 4, 3);
$l2 = array(1, 4, 3, 2, 5);
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Chart 1 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$pc = new C_PhpChartX(array($l1, $l2), 'chart');
$pc->set_title(array('text' => 'Stacked Filled Line Plot with Transparency (transparency not supported in IE6)'));
$pc->set_stack_series(true);
$pc->set_grid(array('background' => '#fefbf3', 'borderWidth' => 2.5));
$pc->set_animate(true);
$pc->set_series_default(array('fill' => true, 'shadow' => false, 'showMarker' => false));
$pc->set_axes(array('xaxis' => array('pad' => 1.0, 'numberTicks' => 5), 'yaxis' => array('min' => 0, 'max' => 12, 'numberTicks' => 5)));
$pc->add_series(array('color' => 'rgba(68, 124, 147, 0.7)'));
$pc->add_series(array('color' => 'rgba(150, 35, 90, 0.7)'));
$pc->draw(560, 400);
/*
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Chart 2 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
<?php
require_once "../conf.php";
?>
<!DOCTYPE HTML>
<html>
<head>
<title>phpChart - No Data Points</title>
</head>
<body>
<div><span> </span><span id="info1b"></span></div>
<?php
$line1 = array(1, 3, 5, 7, 9);
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Chart 1 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$pc = new C_PhpChartX(array(), 'chart1');
$pc->jqplot_show_plugins(true);
$pc->set_title(array('text' => 'Chart'));
$pc->set_series_default(array('yaxis' => 'y2axis'));
$pc->set_no_data_indicator(array('show' => true, 'indicator' => '<img src="ajax-loader.gif" />', 'axes' => array('xaxis' => array('min' => 0, 'max' => 5, 'tickInterval' => 1, 'showTicks' => false), 'yaxis' => array('min' => 0, 'max' => 8, 'tickInterval' => 2, 'showTicks' => false))));
$pc->draw(800, 300);
?>
</body>
</html>
$pc->set_capture_right_click(true);
$pc->set_legend(array('show' => true, 'location' => 'e', 'placement' => 'outside'));
$pc->set_yaxes(array('yaxis' => array('renderer' => 'plugin::CategoryAxisRenderer')));
$pc->draw(600, 400);
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Pie 6 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$pc = new C_PhpChartX(array(array(1, 2, 3, 4)), 'chart6');
$pc->add_plugins(array('highlighter', 'pointLabels'));
$pc->set_animate(true);
$pc->set_series_default(array('renderer' => 'plugin::PieRenderer'));
$pc->draw(600, 400);
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Bar 7 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$s1 = array(2, -6, 7, -5);
$ticks = array('a', 'b', 'c', 'd');
$pc = new C_PhpChartX(array($s1), 'chart7');
$pc->set_animate(true, true);
$pc->add_plugins(array('highlighter', 'pointLabels'));
$pc->set_series_default(array('renderer' => 'plugin::BarRenderer', 'rendererOptions' => array('fillToZero' => true), 'pointLabels' => array('show' => true)));
$pc->set_axes(array('xaxis' => array('renderer' => 'plugin::CategoryAxisRenderer', 'ticks' => $ticks)));
$pc->draw(300, 300);
?>
</body>
</html>
$pc->draw();
*/
?>
<script>
sineRenderer = function() {
var data = [[]];
for (var i=0; i<13; i+=0.5) {
data[0].push([i, Math.sin(i)]);
}
return data;
};
</script>
<?php
$data1 = array();
$pc = new C_PhpChartX('./jsondata.txt', 'basic_chart_ajax');
$pc->set_title(array('text' => 'Basic Chart Ajax'));
$pc->set_data_renderer("js::ajaxDataRenderer");
$pc->draw();
?>
<script>
var ajaxDataRenderer = function(url, plot)
{
var ret = null;
$.ajax({
// have to use synchronous here, else returns before data is fetched
async: false,
url: url,
dataType:'json',
success: function(data) {
ret = data;
<?php
if (strlen($data_sensor_name) > 0) {
$tmpList = $sensors->get_sensordata_range($data_sensor_name, 60);
$arrayData = array();
$i = 0;
foreach ($tmpList as $row) {
$arrayData[$i] = $row['txtdata'];
if ($i == 0) {
$startTime = $row['datetime'];
}
$endTime = $row['datetime'];
$i++;
}
$dateTitle = date("Y-m-d H:i", $startTime) . "~" . date("Y-m-d H:i", $endTime) . "溫度趨線圖";
//print_r($arrayData);
$pc = new C_PhpChartX(array($arrayData), 'basic_chart');
$pc->set_animate(true);
$pc->set_title(array('text' => $dateTitle));
//$pc->set_axes(array('yaxis'=> array('min'=>0,'max'=>100,'padMax'=>5.0)));
//set axes
$pc->set_xaxes(array('xaxis' => array('borderWidth' => 2, 'borderColor' => '#999999', 'tickOptions' => array('showGridline' => false))));
$pc->set_yaxes(array('yaxis' => array('borderWidth' => 0, 'borderColor' => '#ffffff', 'autoscale' => true, 'min' => '0', 'max' => 100, 'numberTicks' => 21, 'labelRenderer' => 'plugin::CanvasAxisLabelRenderer', 'label' => 'Energy Use')));
$pc->set_series_default(array('linePattern' => 'dashed', 'showMarker' => false, 'shadow' => false));
$pc->draw();
}
?>
</body>
</html>
