?>
<!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>
require_once "../conf.php";
?>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>phpChart - Custom Draggable Highlighter w Trend Line</title>
</head>
<body>
<div><span> </span><span id="info1b"></span></div>
<?php
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Line 1 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$s1 = array(array('23-May-08', 1), array('24-May-08', 4), array('25-May-08', 2), array('26-May-08', 6));
$pc = new C_PhpChartX(array($s1), 'chart1');
$pc->add_plugins(array('cursor', 'highlighter', 'dragable', 'trendline'));
$pc->set_animate(true);
$pc->set_title(array('text' => 'Highlighting, Dragging, Cursor and Trend Line'));
$pc->set_axes(array('yaxis' => array('tickOptions' => array('formatString' => '$%.2f')), 'xaxis' => array('renderer' => 'plugin::DateAxisRenderer', 'tickOptions' => array('formatString' => '%b %#d, %Y'), 'numberTicks' => 4)));
$pc->set_highlighter(array('sizeAdjust' => 10, 'tooltipLocation' => 'n', 'tooltipAxes' => 'y', 'tooltipFormatString' => '<b><i><span style="color=>red;">hello</span></i></b> %.2f', 'useAxesFormatters' => false));
$pc->set_cursor(array('show' => true));
$pc->draw(500, 300);
?>
</body>
</html>
<?php
require_once "../conf.php";
?>
<!DOCTYPE HTML>
<html>
<head>
</head>
<body>
<div><span> </span><span id="info1b"></span></div>
<?php
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Chart 2 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$s2 = array(array(9, 3.5), array(15, 4.4), array(22, 6.0), array(38, 9.1), array(51, 12.0), array(62, 14.4));
$pc = new C_PhpChartX(array($s2), 'plot2');
$pc->add_plugins(array('canvasTextRenderer', 'canvasOverlay'));
$grid = array('gridLineWidth' => 1.5, 'gridLineColor' => 'rgb(235,235,235)', 'drawGridlines' => true);
$pc->set_grid($grid);
$pc->set_canvas_overlay(array('show' => true, 'objects' => array(array('verticalLine' => array('name' => 'barney', 'x' => 10, 'lineWidth' => 6, 'color' => 'rgb(100, 55, 124)', 'shadow' => false)), array('verticalLine' => array('name' => 'fred', 'x' => 15, 'lineWidth' => 12, 'yminOffset' => '8px', 'ymaxOffset' => '29px', 'color' => 'rgb(50, 55, 30)', 'shadow' => false)), array('dashedVerticalLine' => array('name' => 'wilma', 'x' => 10, 'lineWidth' => 2, 'yOffset' => 14, 'color' => 'rgb(133, 120, 24)', 'shadow' => false)), array('verticalLine' => array('name' => 'pebbles', 'x' => 35, 'lineWidth' => 3, 'yOffset' => 0, 'lineCap' => 'butt', 'color' => 'rgb(89, 198, 154)', 'shadow' => false)), array('dashedVerticalLine' => array('name' => 'bam-bam', 'x' => 45, 'lineWidth' => 5, 'dashPattern' => array(16, 12), 'lineCap' => 'round', 'yOffset' => '20px', 'color' => 'rgb(66, 98, 144)', 'shadow' => false)))));
$pc->draw(400, 300);
?>
</body>
</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>
<?php
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(
'yaxis' => array('min'=>0,'max'=>6,'tickOptions'=>array('formatString'=>'%d'))
<?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>
}
</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
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$pc = new C_PhpChartX(array($goog),'chart2');
// $pc->add_plugins(array('barRenderer', 'categoryAxisRenderer', 'canvasAxisTickRenderer'));
<?php
require_once "../conf.php";
?>
<!DOCTYPE HTML>
<html>
<head>
<title>phpChart - Rotate Tick Labels with Zoom</title>
</head>
<body>
<div><span> </span><span id="info1b"></span></div>
<?php
$line1 = array(array('2008-09-30', 4), array('2008-10-30', 6.5), array('2008-11-30', 5.7), array('2008-12-30', 9), array('2009-01-30', 8.199999999999999), array('2009-02-28', 7.6), array('2009-03-30', 11.4), array('2009-04-30', 16.2), array('2009-05-30', 21.8), array('2009-06-30', 19.3), array('2009-07-30', 29.7), array('2009-08-30', 36.7), array('2009-09-30', 38.7), array('2009-10-30', 33.7), array('2009-11-30', 49.7), array('2009-12-30', 62.7));
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Chart 1 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$pc = new C_PhpChartX(array($line1), 'chart');
$pc->add_plugins(array('canvasTextRenderer', 'canvasAxisTickRenderer', 'dateAxisRenderer', 'cursor'), true);
$pc->set_title(array('text' => 'Rotated Axis Text'));
$pc->set_axes(array('xaxis' => array('renderer' => 'plugin::DateAxisRenderer', 'min' => 'August 30, 2008', 'tickInterval' => '1 month', 'rendererOptions' => array('tickRenderer' => 'plugin::CanvasAxisTickRenderer'), 'tickOptions' => array('formatString' => '%b %#d, %Y', 'fontSize' => '10pt', 'fontFamily' => 'Tahoma', 'angle' => -40, 'fontWeight' => 'normal', 'fontStretch' => 1)), 'yaxis' => array('rendererOptions' => array('tickRenderer' => 'plugin::CanvasAxisTickRenderer'), 'tickOptions' => array('formatString' => '%.5f', 'fontSize' => '10pt', 'fontFamily' => 'Tahoma', 'angle' => 30, 'fontWeight' => 'normal', 'fontStretch' => 1))));
$pc->add_series(array('lineWidth' => 4, 'markerOptions' => array('style' => 'square')));
$pc->set_cursor(array('zoom' => true));
$pc->draw(600, 400);
?>
</body>
</html>
<html>
<head>
<title>phpChart - Waterfall Chart</title>
</head>
<body>
<?php
$line1 = array(14, 3, 4, -3, 5, 2, -3, -7);
$ticks = array('2008', 'Apricots', 'Tomatoes', 'Potatoes', 'Rhubarb', 'Squash', 'Grapes', 'Peanuts', '2009');
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Waterfall 1 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$pc = new C_PhpChartX(array($line1), 'chart1');
// $pc->add_plugins(array('barRenderer', 'categoryAxisRenderer', 'canvasAxisTickRenderer'));
$pc->add_plugins(array('logAxisRenderer', 'canvasTextRenderer', 'canvasAxisLabelRenderer', 'canvasAxisTickRenderer', 'dateAxisRenderer', 'categoryAxisRenderer', 'barRenderer'));
$pc->set_title(array('text' => 'Crop Yield Charge, 2008 to 2009'));
$pc->set_series_default(array('renderer' => 'plugin::BarRenderer', 'rendererOptions' => array('waterfall' => true, 'varyBarColor' => true), 'pointLabels' => array('hideZeros' => true), 'yaxis' => 'y2axis'));
$pc->set_xaxes(array('xaxis' => array('renderer' => 'plugin::CategoryAxisRenderer', 'ticks' => $ticks, 'tickRenderer' => 'plugin::CanvasAxisTickRenderer', 'tickOptions' => array('angle' => -90, 'fontSize' => '10pt', 'showMark' => false, 'showGridline' => false))));
$pc->set_yaxes(array('y2axis' => array('tickInterval' => 5, 'min' => 0.1)));
$pc->draw(350, 350);
/*
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Waterfall 2 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$pc = new C_PhpChartX(array($line1),'chart2');
$pc->add_plugins(array('logAxisRenderer','canvasTextRenderer','canvasAxisLabelRenderer','canvasAxisTickRenderer','dateAxisRenderer','categoryAxisRenderer','barRenderer'));
$pc->set_title(array('text' => 'Crop Yield Charge, 2008 to 2009'));
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>phpChart - Candle Stick</title>
</head>
<body>
<div><span> </span><span id="info1b"></span></div>
<?php
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Candle Stick Chart Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$ohlc = array(array('1/24/2011', 607.5700000000001, 612.49, 601.23, 611.08), array('1/21/2011', 639.58, 641.73, 611.36, 611.83), array('1/20/2011', 632.21, 634.08, 623.29, 626.77), array('1/19/2011', 642.12, 642.96, 629.66, 631.75), array('1/18/2011', 626.0599999999999, 641.99, 625.27, 639.63), array('1/14/2011', 617.4, 624.27, 617.08, 624.1799999999999), array('1/13/2011', 616.97, 619.67, 614.16, 616.6900000000001), array('1/12/2011', 619.35, 619.35, 614.77, 616.87), array('1/11/2011', 617.71, 618.8, 614.5, 616.01), array('1/10/2011', 614.8, 615.39, 608.5599999999999, 614.21), array('1/7/2011', 615.91, 618.25, 610.13, 616.4400000000001), array('1/6/2011', 610.6799999999999, 618.4299999999999, 610.05, 613.5), array('1/5/2011', 600.0700000000001, 610.33, 600.05, 609.0700000000001), array('1/4/2011', 605.62, 606.1799999999999, 600.12, 602.12), array('1/3/2011', 596.48, 605.59, 596.48, 604.35), array('12/31/2010', 596.74, 598.42, 592.03, 593.97), array('12/30/2010', 598, 601.33, 597.39, 598.86), array('12/29/2010', 602, 602.41, 598.92, 601), array('12/28/2010', 602.05, 603.87, 598.01, 598.92), array('12/27/2010', 602.74, 603.78, 599.5, 602.38), array('12/23/2010', 605.34, 606, 602.03, 604.23), array('12/22/2010', 604, 607, 603.28, 605.49), array('12/21/2010', 598.5700000000001, 604.72, 597.61, 603.0700000000001), array('12/20/2010', 594.65, 597.88, 588.66, 595.0599999999999), array('12/17/2010', 591, 592.5599999999999, 587.67, 590.8), array('12/16/2010', 592.85, 593.77, 588.0700000000001, 591.71), array('12/15/2010', 594.2, 596.45, 589.15, 590.3), array('12/14/2010', 597.09, 598.29, 592.48, 594.91), array('12/13/2010', 597.12, 603, 594.09, 594.62), array('12/10/2010', 593.14, 593.99, 590.29, 592.21), array('12/9/2010', 593.88, 595.58, 589, 591.5), array('12/8/2010', 591.97, 592.52, 583.6900000000001, 590.54), array('12/7/2010', 591.27, 593, 586, 587.14), array('12/6/2010', 580.5700000000001, 582, 576.61, 578.36), array('12/3/2010', 569.45, 576.48, 568, 573), array('12/2/2010', 568.66, 573.33, 565.35, 571.8200000000001), array('12/1/2010', 563, 571.5700000000001, 562.4, 564.35), array('11/30/2010', 574.3200000000001, 574.3200000000001, 553.3099999999999, 555.71), array('11/29/2010', 589.17, 589.8, 579.95, 582.11), array('11/26/2010', 590.46, 592.98, 587, 590), array('11/24/2010', 587.3099999999999, 596.6, 587.05, 594.97), array('11/23/2010', 587.01, 589.01, 578.2, 583.01), array('11/22/2010', 587.47, 593.4400000000001, 582.75, 591.22), array('11/19/2010', 597, 597.89, 590.34, 590.83), array('11/18/2010', 589, 599.98, 588.5599999999999, 596.5599999999999), array('11/17/2010', 585, 589.5, 581.37, 583.55), array('11/16/2010', 592.76, 597.89, 583.45, 583.72), array('11/15/2010', 603.08, 604, 594.05, 595.47), array('11/12/2010', 613.99, 616.9, 601.21, 603.29), array('11/11/2010', 619.7, 619.85, 614.21, 617.1900000000001), array('11/10/2010', 622.08, 623, 617.51, 622.88), array('11/9/2010', 630, 630.85, 620.51, 624.8200000000001), array('11/8/2010', 624.02, 629.49, 623.13, 626.77), array('11/5/2010', 623.1799999999999, 625.49, 621.11, 625.08), array('11/4/2010', 624.64, 629.92, 622.1, 624.27), array('11/3/2010', 617.5, 621.83, 613.5, 620.1799999999999), array('11/2/2010', 618.67, 620, 614.58, 615.6), array('11/1/2010', 615.73, 620.66, 611.21, 615), array('10/29/2010', 617.0700000000001, 619, 612.99, 613.7), array('10/28/2010', 620.05, 621, 613.3, 618.58));
$pc = new C_PhpChartX(array($ohlc), 'plot1', 'default', '', array('ohlc'));
$pc->add_plugins(array('dateAxisRenderer', 'categoryAxisRenderer', 'ohlcRenderer', 'canvasOverlay'));
$pc->sort_data(true);
$pc->set_animate(true);
$pc->set_title(array('text' => 'Chart'));
$pc->set_axes_default(array());
$pc->set_axes(array('xaxis' => array('renderer' => 'plugin::DateAxisRenderer', 'tickOptions' => array('formatString' => '%b %e')), 'yaxis' => array('min' => 560, 'max' => 650, 'tickOptions' => array('formatString' => '%.2f'))));
$pc->add_series(array('renderer' => 'plugin::OHLCRenderer', 'rendererOptions' => array('candleStick' => true)));
$pc->draw(600, 400);
?>
<script lang="text/javascript">
$(document).ready(function(){
$('#start').click(function (){
startit();
});
$('#stop').click(function (){
stopit();
<p>Try do a quick search or do a sort. Observe the graph updates in real-time.</p>
<table><tr><td>
<?php
// first phpChart with one series
$pc = new C_PhpChartX(array(array(null)), 'Graph');
$pc->set_axes(array('xaxis' => array('label' => 'Buy Price'), 'yaxis' => array('label' => '$')));
$pc->draw(600, 300);
?>
</td>
<td>
<?php
// second phpChart with two series
$pc2 = new C_PhpChartX(array(array(null), array(null)), 'Graph2');
$pc2->add_plugins(array('CanvasTextRenderer', 'CanvasAxisTickRenderer'));
$pc2->set_series_default(array('renderer' => 'plugin::BarRenderer', 'rendererOptions' => array('barWidth' => 10, 'shadowOffset' => 3), 'shadow' => true));
$pc2->set_axes(array('xaxis' => array('label' => 'Buy Price/MSRP (by Product Code)'), 'yaxis' => array('label' => '$')));
$pc2->set_animate(true);
$pc2->set_legend(array('show' => true, 'location' => 'nw'));
$pc2->draw(600, 300);
?>
</td></tr></table>
<?php
$dg = new C_DataGrid("SELECT * FROM products", "productCode", "products");
$dg->enable_edit('FORM');
$onGridLoadComplete = <<<ONGRIDLOADCOMPLETE
function(status, rowid)
{
\tvar GraphData1 = [];
}
</style>
</head>
<body>
<div><span> </span><span id="info1b"></span></div>
<?php
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Chart 1 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$plotoptions = array('gridPadding' => array('top' => 1), 'grid' => array('shadow' => false, 'borderWidth' => 1.0), 'seriesDefaults' => array('yaxis' => 'y2axis'), 'axes' => array('xaxis' => array('renderer' => 'plugin::DateAxisRenderer', 'tickOptions' => array('formatString' => '%b %d')), 'yaxis' => array('y2axis' => array('tickOptions' => array('formatString' => '%.4f')))), 'series' => array(array('showMarker' => false)), 'noDataIndicator' => array('show' => true, 'indicator' => '<img src="ajax-loader.gif" /><br />Loading Data...', 'axes' => array('xaxis' => array('min' => 0, 'max' => 5, 'tickInterval' => 1, 'showTicks' => false), 'yaxis' => array('show' => false), 'y2axis' => array('show' => true, 'min' => 0, 'max' => 8, 'tickInterval' => 2, 'showTicks' => false))), 'canvasOverlay' => array('show' => true, 'objects' => array(array('dashedHorizontalLine' => array('name' => 'current', 'y' => 6, 'lineWidth' => 1.5, 'color' => 'rgb(60, 60, 60)', 'yaxis' => 'y2axis', 'shadow' => false, 'dashPattern' => array(12, 12))))));
$pc = new C_PhpChartX(array(), 'plot1');
$pc->add_plugins(array('canvasOverlay'));
$pc->set_properties($plotoptions);
$pc->draw(800, 400);
echo '<div id="pricePointer" style="display:none;"></div>
<button id="start">Start</button>
<button id="stop">Stop</button>';
?>
<script type="text/javascript" lang="javascript">
var data = [['2011-04-05 16:00', 1332.63],
['2011-04-04 16:00', 1332.87],
['2011-04-01 16:00', 1332.41],
['2011-03-31 16:00', 1325.83],
['2011-03-30 16:00', 1328.26],
['2011-03-29 16:00', 1319.44],
['2011-03-28 16:00', 1310.19],
<?php
require_once "../conf.php";
?>
<!DOCTYPE HTML>
<html>
<head>
<title>phpChart - Tick Prefix Example</title>
</head>
<body>
<div><span> </span><span id="info1b"></span></div>
<?php
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Chart 1 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$data = array(array(25, 100), array(26, 0), array(27, 100), array(28, 0), array(29, 0), array(30, 300), array(31, 300));
$pc = new C_PhpChartX(array($data), 'chart1');
$pc->add_plugins(array('barRenderer', 'categoryAxisRenderer'), true);
$pc->set_title(array('text' => 'Test'));
$pc->set_axes(array('xaxis' => array('renderer' => 'plugin::CategoryAxisRenderer'), 'yaxis' => array('min' => 0, 'tickOptions' => array('prefix' => '$'))));
$pc->set_series_default(array('color' => '#F90', 'renderer' => 'plugin::BarRenderer', 'shadow' => false));
$pc->draw(600, 400);
?>
</body>
</html>
</head>
<body>
<style type="text/css">
#basic_chart_4 .jqplot-point-label {
border: 1.5px solid #aaaaaa;
padding: 1px 3px;
background-color: #eeccdd;
}
</style>
<?php
$data1 = array();
$pc = new C_PhpChartX(array($data1), 'basic_chart_4');
$pc->set_title(array('text' => 'Basic Chart with Custom JS'));
$pc->set_data_renderer("js::sineRenderer");
$pc->add_plugins(array('pointLabels'));
$pc->set_animate(true);
$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
/*
<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>
<body>
<div><span> </span><span id="info1b"></span></div>
<?php
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Chart 1 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$line1 = array(array(0, 1), array(2, 2, 4, 0.5, 6, 0));
$line2 = array(array(0, 5), array(2, 6, 5, 1, 6, 0.5));
$line3 = array(array(0, 6), array(3, 9, 4, 8, 6, 3));
$line4 = array(array(0, 7), array(2, 9, 4, 8, 6, 6));
$line5 = array(array(0, 8), array(3, 9, 4, 8, 6, 8));
$pc = new C_PhpChartX(array($line1, $line2, $line3, $line4, $line5), 'chart1');
$pc->add_plugins(array('bezierCurveRenderer', 'dateAxisRenderer'));
$pc->set_series_default(array('renderer' => 'plugin::BezierCurveRenderer'));
$pc->set_legend(array('show' => true));
$pc->draw(400, 300);
/*
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Chart 2 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$s1 = array(array(0, 1), array(2, 2), array(4, .5), array(6, 0));
$s2 = array(array(0, 5), array(2, 6), array(5, 1), array(6, .5));
$s3 = array(array(0, 6), array(3, 9), array(4, 8), array(6, 3));
$s4 = array(array(0, 7), array(2, 9), array(4, 8), array(6, 6));
$s5 = array(array(0, 8), array(3, 9), array(4, 8), array(6, 8));
<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)));
//$pc->set_legend(array('show'=>true));
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>phpChart - Basic Chart with Legend</title>
</head>
<body>
<?php
$s1 = array(11, 9, 5, 12, 14);
$s2 = array(6, 8, 7, 13, 9);
$pc = new C_PhpChartX(array($s1, $s2), 'basic_chart');
$pc->set_animate(true);
$pc->set_title(array('text' => 'Basic Chart'));
$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', 'canvasTextRenderer'));
//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)'));
//set axes
$pc->set_axes(array('xaxis' => array('rendnerer' => 'plugin::CategoryAxisRenderer'), 'yaxis' => array('padMax' => 2.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' => 20, 'numberTicks' => 21, 'labelRenderer' => 'plugin::CanvasAxisLabelRenderer', 'label' => 'Energy Use')));
//set legend properties
$pc->set_legend(array('renderer' => 'plugin::EnhancedLegendRenderer', 'show' => true, 'location' => 'e', 'placement' => 'outside', 'yoffset' => 30, 'rendererOptions' => array('numberRows' => 2), 'labels' => array('Oil', 'Renewables')));
$pc->draw();
?>
</body>
</html>
$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 */
border: none;
color: white;
padding: 15px 32px;
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>phpChart - Highlighter 3</title>
</head>
<body>
<div><span> </span><span id="info1b"></span></div>
<?php
$s1 = array(array('23-May-08', 1), array('24-May-08', 4), array('25-May-08', 2), array('26-May-08', 6));
$s2 = array(3, 5, 7, 4, 8);
$s3 = array(9, 11, 15, 8, 15);
$s4 = array(8, 7, 12, 18, 4);
$s5 = array(13, 17, 21, 19, 11);
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Chart 1 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$pc = new C_PhpChartX(array($s1), 'chart1');
$pc->add_plugins(array('highlighter', 'cursor'), true);
$pc->set_title(array('text' => 'Highlighting'));
$pc->set_axes(array('xaxis' => array('renderer' => 'plugin::DateAxisRenderer', 'tickOptions' => array('formatString' => '%b %#d, %Y'), 'numberTicks' => 4), 'yaxis' => array('tickOptions' => array('formatString' => '$%.2f'))));
$pc->set_highlighter(array('sizeAdjust' => 10, 'tooltipLocation' => 'n', 'useAxesFormatters' => false, 'formatString' => 'Hello %s dayglow %d', 'tooltipContentEditor' => 'js::editit'));
// must start with "js::" to indicate using user's own function
$pc->set_cursor(array('show' => true, 'zoom' => true));
$pc->add_custom_js("\n function editit(str, si, pi, plot) {\n return \"<b><i>NHT: \"+plot.targetId+', Series: '+si+', Point: '+pi+', '+str+\"</b></i>\";\n }\n ");
$pc->draw(500, 300);
?>
</body>
</html>
<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);
$ticks = array('a', 'b', 'c', 'd');
<?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);
$l4 = array(array('peech', 3), array('cabbage', 2), array('bean', 4), array('orange', 5));
$catOHLC = array(array(1, 138.7, 139.68, 135.18, 135.4), array(2, 143.46, 144.66, 139.79, 140.02), array(3, 140.67, 143.56, 132.88, 142.44), array(4, 136.01, 139.5, 134.53, 139.48), array(5, 143.82, 144.56, 136.04, 136.97), array(6, 136.47, 146.4, 136, 144.67), array(7, 124.76, 135.9, 124.55, 135.81), array(8, 123.73, 129.31, 121.57, 122.5));
$ticks = array('Tue', 'Wed', 'Thu', 'Fri', 'Mon', 'Tue', 'Wed', 'Thr');
$options = array('title' => 'I was hidden', 'lengend' => array('show' => true), 'series' => array(array(), array('yaxis' => 'y2axis'), array('yaxis' => 'y3axis')), 'cursor' => array('show' => true, 'zoom' => true), 'axesDefaults' => array('useSeriesColor' => true));
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Chart 1 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$pc = new C_PhpChartX(array($l1, $l2, $l3), 'plot1');
$pc->add_plugins(array('cursor', 'ohlcRenderer'));
$pc->set_properties($options);
$pc->draw(680, 260);
/*
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Chart 2 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$pc = new C_PhpChartX(array($l4),'plot2');
$pc->add_plugins(array('cursor','ohlcRenderer'));
$pc->add_series(array('renderer'=>'plugin::PieRenderer'));
$pc->set_legend(array('show'=>true));
$pc->draw(300,200);
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
<?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>
<div><span> </span><span id="info1b"></span></div>
<?php
$linedata = array();
$start = 1301630400000.0;
for ($i = 0; $i < 30; $i++) {
array_push($linedata, array($start + $i * 1000 * 60 * 60 * 24, (rand(10, 90) - 0.4) * (30 + $i) + 100));
//$linedata.push(array(start + i*1000*60*60*24, (Math.random() - 0.4)*(30+i) + 100));
}
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Chart 1 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$pc = new C_PhpChartX(array($linedata), 'chart1');
$pc->add_plugins(array('canvasTextRenderer', 'highlighter', 'cursor', 'pointLabels'));
$pc->set_stack_series(true);
$pc->set_title(array('text' => 'Unique Visitors by Day'));
$pc->set_cursor(array('show' => true));
$pc->set_highlighter(array('show' => true));
$pc->set_series_default(array('pointLabels' => array('show' => true)));
$pc->set_axes_default(array('labelRenderer' => 'plugin::CanvasAxisLabelRenderer', 'labelOptions' => array('fontSize' => '13pt')));
$pc->set_axes(array('xaxis' => array('label' => 'Date', 'renderer' => 'plugin::DateAxisRenderer', 'min' => '03/30/2011 00:00:00', 'tickInterval' => '3 days', 'tickOptions' => array('formatString' => '%b %#d')), 'yaxis' => array('label' => 'Unique Visitors')));
$pc->draw(600, 300);
/*
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Chart 2 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$piedata = array(array('FireFox', 3783), array('IE 9', 856), array('IE other', 1635), array('Chrome', 2321), array('Safari', 456), array('Opera', 321));
<title>phpChart - Basic Chart</title>
</head>
<body>
<style type="text/css">
#basic_chart_3 .jqplot-point-label {
border: 1.5px solid #aaaaaa;
padding: 1px 3px;
background-color: #eeccdd;
}
</style>
<?php
$data1 = array(array(11, 123, 1236, "Acura"), array(45, 92, 1067, "Alfa Romeo"));
$pc = new C_PhpChartX(array($data1), 'basic_chart');
$pc->set_title(array('text' => 'Basic Chart'));
$pc->add_plugins(array('cursor'));
/*$pc->set_series_default(array(
'renderer'=>'plugin::BubbleRenderer',
'rendererOptions'=>array('bubbleGradients'=>true)));
*/
$pc->add_series(array('label' => 'Sales'));
$pc->set_legend(array('show' => true, 'placement' => 'outsideGrid'));
$pc->set_cursor(array("show" => true, 'zoom' => true));
$pc->draw();
/*
$data1 = array(14, 32, 41, 44, 40, 47, 53, 67);
$pc = new C_PhpChartX(array($data1),'basic_chart_2');
$pc->set_title(array('text'=>'Basic Chart'));
$pc->set_animate(true);
$pc->add_plugins(array('pointLabels', 'cursor'));
$pc->set_series_default(array('showMarker'=>true));
$npoints = 25;
$maxIterations = 200;
$niters = 0;
$GraphData = array();
$x = 0;
$y = rand(10, 100) * 10;
for ($i = 0; $i < $npoints; $i++) {
$x += rand(10, 100) * 5;
$y += (rand(10, 100) - 0.5) * 10;
$GraphData[$i] = array($x, $y);
}
return $GraphData;
}
$GraphData = BuildDataArray();
$pc = new C_PhpChartX(array($GraphData), 'Graph');
$pc->add_plugins(array('canvasTextRenderer', 'canvasAxisTickRenderer', 'canvasAxisLabelRenderer', 'highlighter', 'canvasOverlay', 'cursor', 'pointLabels'), true);
$pc->set_title(array('text' => 'Test Data Run'));
$pc->set_cursor(array('show' => false));
$pc->set_point_labels(array('show' => false));
$pc->set_highlighter(array('show' => false));
$pc->set_axes_default(array('pad' => 0.05, 'labelRenderer' => 'plugin::CanvasAxisLabelRenderer', 'tickRenderer' => 'plugin::CanvasAxisTickRenderer', 'labelOptions' => array('fontSize' => '13pt')));
$pc->set_axes(array('xaxis' => array('label' => 'Number'), 'yaxis' => array('label' => 'Value')));
// should be the last method to call
$pc->draw(800, 500);
?>
<script type="text/javascript" lang="javascript">
var Graph;
var GraphUpdate;
var GraphData = [];
var interval = 500;