require_once "../conf.php"; ?> <!DOCTYPE HTML> <html> <head> <title>phpChart - Multiple Axes with Rotated Text</title> </head> <body> <div><span> </span><span id="info1b"></span></div> <?php ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// //Chart 2 Example ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// $line1 = array(array('Cup Holder Pinion Bob', 7), array('Generic Fog Lamp', 9), array('HDTV Receiver', 15), array('8 Track Control Module', 12), array(' Sludge Pump Fourier Modulator', 3), array('Transcender/Spice Rack', 6), array('Hair Spray Danger Indicator', 18)); $line2 = array(array('Nickle', 28), array('Aluminum', 13), array('Xenon', 54), array('Silver', 47), array('Sulfer', 16), array('Silicon', 14), array('Vanadium', 23)); $pc = new C_PhpChartX(array($line1, $line2), 'chart2'); $pc->add_plugins(array('canvasTextRenderer'), true); $pc->add_series(array('renderer' => 'plugin::BarRenderer')); $pc->add_series(array('xaxis' => 'x2axis', 'yaxis' => 'y2axis')); $pc->set_axes_default(array('tickRenderer' => 'plugin::CanvasAxisTickRenderer', 'tickOptions' => array('angle' => 30))); $pc->set_axes(array('xaxis' => array('renderer' => 'plugin::CategoryAxisRenderer'), 'x2axis' => array('renderer' => 'plugin::CategoryAxisRenderer'), 'yaxis' => array('autoscale' => true), 'y2axis' => array('autoscale' => true))); $pc->set_animate(true); $pc->draw(800, 500); ?> </body> </html>
$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); $pc->set_animate(true); $pc->set_stack_series(true); $pc->set_series_default(array('renderer'=>'plugin::BarRenderer')); $pc->set_legend(array(
} </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')) ));
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// //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 ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// $pc = new C_PhpChartX(array($l1,$l2,$l3,$l4,$l5),'chart2'); $pc->add_plugins(array('highlighter')); $pc->set_title(array('text'=>'Customized Multiply y axes')); $pc->set_animate(true); $pc->add_series(array());
<?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 ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// $pc = new C_PhpChartX(array($l2),'chart2'); $pc->set_title(array('text'=>'Default Filled Line Plot')); $pc->set_animate(true);
<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>
//$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)); $pc = new C_PhpChartX(array($piedata),'chart2'); $pc->add_plugins(array('canvasTextRenderer','highlighter','canvasOverlay','cursor','pointLabels')); $pc->set_title(array('text'=>'Browser Statistics')); $pc->add_series(array( 'renderer'=>'plugin::PieRenderer', 'rendererOptions'=>array( 'sliceMargin'=>3,
<div><span> </span><span id="info1b"></span></div> <?php $line1 = array(array(4, 'Nissan'), array(6, 'Porche'), array(2, 'Acura'), array(5, 'Aston Martin'), array(6, 'Rolls Royce')); $line2 = array(5, -5, 5, -5, 5, -5, 5, -5, 5, -5, 5, -5, 5, -5, 5, -5, 5, -5, 5, -5, 5, -5, 5, -5, 5, -5, 5, -5, 5, -5, 5, -5); ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// //Chart 1 Example ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// $pc = new C_PhpChartX(array($line1), 'chart1'); $pc->set_title(array('text' => 'Default Colors')); $pc->set_series_default(array('renderer' => 'plugin::BarRenderer', 'rendererOptions' => array('barWidth' => 25, 'barPadding' => -25, 'barMargin' => 25, 'barDirection' => 'horizontal', 'varyBarColor' => true), 'shadow' => false)); $pc->set_legend(array('show' => false)); $pc->set_axes(array('xaxis' => array('min' => 0, 'tickOptions' => array('formatString' => '%.0f', 'showGridLine' => false)), 'yaxis' => array('renderer' => 'plugin::CategoryAxisRenderer', 'show' => true, 'tickOptions' => array('show' => true, 'showLabel' => true), 'showTicks' => true))); $pc->set_animate(true); $pc->draw(600, 300); /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// //Chart 2 Example ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// $pc = new C_PhpChartX(array($line1),'chart2'); $pc->set_title(array('text'=>'Custom Colors')); $pc->set_series_default(array( 'renderer'=>'plugin::BarRenderer', 'rendererOptions'=>array( 'barWidth'=>25,
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>phpChart - Bar Test 2</title> </head> <body> <div><span> </span><span id="info1b"></span></div> <?php ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// //Bar 1 Example ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// $s1 = array(200, 600, 700, 1000); $s2 = array(460, -210, 690, 820); $s3 = array(-260, -440, 320, 200); $ticks = array('a', 'b', 'c', 'd'); $pc = new C_PhpChartX(array($s1, $s2, $s3), 'chart1'); $pc->add_plugins(array('highlighter')); $pc->set_series_default(array('renderer' => 'plugin::BarRenderer', 'rendererOptions' => array('fillToZero' => true))); $pc->add_series(array('label' => 'Hotel')); $pc->add_series(array('label' => 'Event Regristration')); $pc->add_series(array('label' => 'Airfare')); $pc->set_legend(array('show' => true, 'placement' => 'outsideGrid')); $pc->set_axes(array('xaxis' => array('renderer' => 'plugin::CategoryAxisRenderer', 'ticks' => $ticks), 'yaxis' => array('autoscale' => true, 'tickOptions' => array('formatString' => '$%d')))); $pc->draw(600, 300); ?> </body> </html>
<?php $line = array(array(50, 1), array(38, 2), array(35, 3), array(60, 4)); $min = array(array(10, 0.6), array(10, 4.4)); $max = array(array(50, 0.6), array(50, 4.4)); $ticks = array("Modulo3", "Modulo1", "Modulo4", "Modulo2"); $pc = new C_PhpChartX(array($line, $min, $max), 'chart5'); $pc->add_series(array('label' => 'Modulo', 'renderer' => 'plugin::BarRenderer', 'pointLabels' => array('show' => true, 'location' => 'e', 'edgeTolerance' => -15), 'shadowAngle' => 135, 'rendererOptions' => array('highlightMouseDown' => true, 'barDirection' => 'horizontal'))); $pc->set_animate(true); $pc->set_legend(array('show' => true, 'location' => 'ne')); $pc->set_capture_right_click(true); $pc->add_series(array('showMarker' => false, 'color' => 'red', 'label' => '10')); // min $pc->add_series(array('showMarker' => false, 'color' => 'blue', 'label' => '50')); // max $pc->set_axes(array('xaxis' => array('tickInterval' => 10, 'min' => 0, 'max' => 100), 'yaxis' => array('renderer' => 'plugin::CategoryAxisRenderer', 'ticks' => $ticks))); $pc->draw(800, 300); ?> <?php // //function getIstogrammaModuli($lines, $titles, $maxHeight, $height, $title) //{ // $min = array(array(50, 0), array(50, $maxHeight)); // // $pc = new C_PhpChartX(array($lines, $min),"$title"); // $pc->add_series(array( // 'label'=>'Percentili', // // 'renderer'=>'plugin::BarRenderer', // 'pointLabels'=> array('show'=>true,'location'=>'e','edgeTolerance'=>-15),
<?php require_once "../conf.php"; ?> <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>phpChart - Break on Null</title> </head> <body> <div><span> </span><span id="info1b"></span></div> <?php ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// //Chart 1 Example ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// $s1 = array(null, 13, 43, null, 18, 25, 26, 41, 42, null, null, null, 37, 29, 27, 19); $pc = new C_PhpChartX(array($s1), 'plot1'); $pc->set_title(array('text' => 'breakOnNull true')); $pc->add_series(array('breakOnNull' => true)); $pc->set_axes(array('xaxis' => array('min' => 0, 'max' => 18, 'tickInterval' => 2))); $pc->draw(600, 300); ?> </body> </html>
.jqplot-axis { font-size: 0.85em; } </style> </head> <body> <div><span> </span><span id="info1b"></span></div> <?php $line1 = array(4, 2, 9, 16); $line2 = array(3, 7, 6, 3); $line3 = array(5, 1, 5, 4); ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// //Chart 1 Example ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// $pc = new C_PhpChartX(array($line1, $line2, $line3), 'chart'); $pc->set_stack_series(true); $pc->set_legend(array('show' => true, 'location' => 'nw')); $pc->set_title(array('text' => 'Acme Company Unit Sales')); $pc->set_series_default(array('fill' => true, 'showMarker' => false)); $pc->set_axes(array('xaxis' => array('renderer' => 'plugin::CategoryAxisRenderer', 'ticks' => array('a', 'b', 'c', 'd'), 'tickOptions' => array('formatString' => '%s')), 'yaxis' => array('min' => 0, 'max' => 30))); $pc->add_series(array('label' => 'Traps Division')); $pc->add_series(array('label' => 'Decoy Division', 'fill' => true)); $pc->add_series(array('label' => 'Harmony Division')); $pc->draw(400, 300); ?> </body> </html>
</style> </head> <body> <div><span> </span><span id="info1b"></span></div> <?php ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// //Line 1 Example ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// $line1 = array(array('1/1/2006', 5), array('2/1/2006', 1), array('3/1/2006', 3), array('4/1/2006', 7)); $line2 = array(array('1/1/2006', 2), array('2/1/2006', 6), array('3/1/2006', 4), array('4/1/2006', 3)); $pc = new C_PhpChartX(array($line1, $line2), 'chart1'); $pc->set_legend(array('show' => true, 'location' => 'nw', 'yoffset' => 6)); $pc->set_axes(array('xaxis' => array('renderer' => 'plugin::DateAxisRenderer', 'tickOptions' => array('formatString' => '%m.%y'), 'ticks' => array('12/1/2005', '1/1/2006', '2/1/2006', '3/1/2006', '4/1/2006', '5/1/2006')))); $pc->draw(400, 300); /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// //Line 2 Example ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// $line1 = array(5, 1, 3, 7); $line2 = array(2, 6, 4, 3); $pc = new C_PhpChartX(array($line1,$line2),'chart2'); $pc->set_legend(array('show'=>true,'location'=>'nw','yoffset'=>6)); $pc->set_axes(array( 'xaxis'=> array(
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; var npoints = 25; var maxIterations = 200; var niters = 0; function BuildDataArray() {
$line2 = array(1, 4, 5, 2, 2); $tickers = array('2008-03-01', '2008-04-01', '2008-05-01', '2008-06-01', '2008-07-01'); ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// //Chart 1 Example ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// $pc = new C_PhpChartX(array($line1, $line2), 'chart2'); $pc->add_plugins(array('canvasTextRenderer')); $pc->set_stack_series(array('stackSeries' => true)); $pc->set_legend(array('show' => true, 'location' => 'ne')); $pc->set_title(array('text' => 'Data per month stack by user')); $pc->set_series_default(array('renderer' => 'plugin::BarRenderer', 'rendererOptions' => array('barWidth' => 20))); $pc->add_series(array('label' => 'User1')); $pc->add_series(array('label' => 'User2')); $pc->set_axes(array('xaxis' => array('renderer' => 'plugin::CategoryAxisRenderer', 'ticks' => $tickers, 'rendererOptions' => array(), 'tickOptions' => array()), 'yaxis' => array('min' => 0))); $pc->draw(400, 300); ?> <script type="text/javascript"> $(document).ready(function(){ if (!$.jqplot.use_excanvas) { $('div.jqplot-target').each(function(){ // Add a view image button var btn = $(document.createElement('button')); btn.text('View as PNG'); btn.bind('click', {chart: $(this)}, function(evt) { evt.data.chart.jqplotViewImage(); }); $(this).after(btn);
<?php ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// //Chart 1 Example ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// $line1 = array(array(-12, 7, null), array(-3, 14, null), array(2, -1, '<'), array(7, -1, '<'), array(11, 11, null), array(13, -1, '<')); $pc = new C_PhpChartX(array($line1), 'chart1'); $pc->add_plugins(array('cursor', 'pointLabels', 'barRenderer', 'categoryAxisRenderer'), true); $pc->set_animate(true); $pc->set_title(array('text' => 'Plot with Zooming with Point Labels')); $pc->set_axes_default(array('useSeriesColor' => true)); $pc->set_series_default(array('showMarker' => false, 'pointLabels' => array('location' => 's', 'ypadding' => 2))); $pc->set_cursor(array('tooltipLocation' => 'sw', 'zoom' => true)); $pc->set_axes(array('yaxis' => array('pad' => 1.3))); $pc->draw(600, 400); /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// //Chart 2 Example ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// $pop1980 = array(7071, 2968, 3005, 1595, 789); $pop1990 = array(7322, 3485, 2783, 1630, 983); $pop2000 = array(8008, 3694, 2896, 1974, 1322); $ticks = array("New York", "Los Angeles", "Chicago", "Houston", "Phoenix"); $pc = new C_PhpChartX(array($pop1980,$pop1990,$pop2000),'chart2'); $pc->add_plugins(array('cursor','pointLabels','barRenderer','categoryAxisRenderer'),true); $pc->set_animate(true);
<?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>
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// //Chart 1 Example ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// $bar1 = array(array('shirts', 8), array('hats', 14), array('shoes', 6), array('gloves', 16), array('dolls', 12)); $bar2 = array(15, 6, 9, 13, 6); $bar3 = array(array('grumpy', 4), array('sneezy', 2), array('happy', 7), array('sleepy', 9), array('doc', 7)); $barLabels = array('Mickey Mouse', 'Donald Duck', 'Goofy'); $pc = new C_PhpChartX(array($bar1, $bar2, $bar3), 'chart1'); $pc->add_plugins(array('canvasTextRenderer')); $pc->set_title(array('text' => 'Revenue Breakdown per Character')); $pc->set_series_default(array('renderer' => 'plugin::MekkoRenderer')); $pc->set_legend(array('show' => true)); $pc->set_axes_default(array('renderer' => 'plugin::MekkoAxisRenderer')); $pc->set_axes(array('xaxis' => array('barLabels' => $barLabels, 'tickOptions' => array('formatString' => '$%dM')))); $pc->draw(600, 300); /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// //Chart 2 Example ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// $pc = new C_PhpChartX(array($bar1,$bar2,$bar3),'chart2'); $pc->add_plugins(array('mekkoRenderer','mekkoAxisRenderer','canvasTextRenderer','canvasAxisLabelRenderer')); $pc->set_title(array('text'=>'Revenue Breakdown per Character')); $pc->set_series_default(array( 'renderer'=>'plugin::MekkoRenderer',
<?php require_once "../conf.php"; ?> <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>phpChart - Chart in Table</title> </head> <body> <div><span> </span><span id="info1b"></span></div> <?php ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// //Line 1 Example ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// $pc = new C_PhpChartX(array(array(array(1, 2), array(3, 5.12), array(5, 13.1), array(7, 33.6), array(9, 85.90000000000001), array(11, 219.9))), 'chart1'); $pc->set_title(array('text' => 'Chart within Table Cell')); $pc->set_axes(array('yaxis' => array('min' => -10, 'max' => 240))); $pc->add_series(array('color' => '#5FAB78')); $pc->draw(300, 400); ?> </body> </html>
$line2 = array(3, -3, 6.25, 3.125); $line3 = array(8, -5, 6, 22); $line4 = array(12, 5, 8, 15); $line5 = array(4, 3, 9, 16); $line6 = array(3, 7, 6.25, 3.125); $line7 = array(8, 5, 6, 22); ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// //Chart 1 Example ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// $pc = new C_PhpChartX(array($line0), 'chart1'); $pc->set_legend(array('show' => false, 'location' => 'nw')); $pc->set_series_default(array('fill' => true, 'fillToZero' => true, 'showMarker' => false)); $pc->add_series(array('label' => 'Traps Division')); $pc->set_axes(array('xaxis' => array('renderer' => 'plugin::CategoryAxisRenderer', 'ticks' => array(1900, 1910, 1920, 1930, 1940, 1950, 1960, 1970, 1980, 1990, 2000, 2010), 'tickOptions' => array('showGridline' => false, 'formatString' => '%d')), 'yaxis' => array('autoscale' => true))); $pc->draw(420, 320); /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// //Chart 1b Example ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// $pc = new C_PhpChartX(array($line0a),'chart1b'); $pc->set_legend(array('show'=>false,'location'=>'nw')); $pc->set_series_default(array('fill'=>true,'fillToZero'=>true,'showMarker'=>false)); $pc->add_series(array('label'=>'Traps Division')); $pc->set_axes(array( 'xaxis'=>array('autoscale'=>true,'pad'=>1.4),
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// //Line 1 Example ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// $jsonstr = '{"PriceTicks": [{"Price":5.5,"TickDate":"\\/Date(1283745600000)\\/"}, \\ {"Price":6.8,"TickDate":"\\/Date(1283832000000)\\/"}, \\ {"Price":7.1,"TickDate":"\\/Date(1283918400000)\\/"}], \\ "PriceBars": [{"BarDate":"\\/Date(1283745600000)\\/","Close":10.0,"High":15.0,"Low":8.0,"Open":9.0}, \\ {"BarDate":"\\/Date(1283832000000)\\/","Close":10.6,"High":14.3,"Low":9.1,"Open":12.5}, \\ {"BarDate":"\\/Date(1283918400000)\\/","Close":12.0,"High":13.0,"Low":9.0,"Open":9.8}]}'; $pc = new C_PhpChartX($jsonstr, 'chart1'); $pc->add_plugins(array('ohlcRenderer', 'json2', 'ciParser')); $pc->set_title(array('text' => 'Custom JSON Format, JSON Encoded String')); $pc->set_data_renderer('plugin::ciParser'); $pc->set_axes(array('xaxis' => array('renderer' => 'plugin::DateAxisRenderer', 'tickOptions' => array('formatString' => '%y/%m/%d'), 'tickInterval' => '1 day', 'min' => '2010/09/05', 'max' => '2010/09/09'))); $pc->add_series(array()); $pc->add_series(array('renderer' => 'plugin::OHLCRenderer', 'rendererOptions' => array('candleStick' => true))); $pc->draw(400, 300); /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// //Line 2 Example ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// $jsonobj = '"PriceTicks":[ {"Price":5.5,"TickDate":"\/Date(1283745600000)\/"}, {"Price":6.8,"TickDate":"\/Date(1283832000000)\/"}, {"Price":7.1,"TickDate":"\/Date(1283918400000)\/"}], "PriceBars":[ {"BarDate":"\/Date(1283745600000)\/","Close":10.0,"High":15.0,"Low":8.0,"Open":9.0},
echo '<br />'; echo '<br />'; ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// $line = array(array('Cup Holder Pinion Bob', 7), array('Generic Fog Lamp', 9), array('HDTV Receiver', 15), array('8 Track Control Module', 12), array(' Sludge Pump Fourier Modulator', 3), array('Transcender/Spice Rack', 6), array('Hair Spray Danger Indicator', 18)); $line2 = array(array('Nickle', 28), array('Aluminum', 13), array('Xenon', 54), array('Silver', 47), array('Sulfer', 16), array('Silicon', 14), array('Vanadium', 23)); $pc = new C_PhpChartX(array($line, $line2), 'chart_2'); $pc->add_plugins(array('canvasTextRenderer')); //set animation $pc->set_animate(); //set series $pc->add_series(array('renderer' => 'plugin::BarRenderer')); $pc->add_series(array('xaxis' => 'x2axis', 'yaxis' => 'y2axis')); //set axes $pc->set_axes(array('xaxis' => array('renderer' => 'plugin::CategoryAxisRenderer', 'label' => 'Warranty Concern', 'labelRenderer' => 'plugin::CanvasAxisLabelRenderer', 'tickOptions' => array('angle' => 30), 'tickRenderer' => 'plugin::CanvasAxisTickRenderer'), 'x2axis' => array('renderer' => 'plugin::CategoryAxisRenderer', 'label' => 'Metal', 'labelRenderer' => 'plugin::CanvasAxisLabelRenderer', 'tickOptions' => array('angle' => 30), 'tickRenderer' => 'plugin::CanvasAxisTickRenderer'), 'yaxis' => array('autoscale' => true, 'label' => 'Occurance', 'tickOptions' => array('angle' => 30), 'labelRenderer' => 'plugin::CanvasAxisLabelRenderer', 'tickRenderer' => 'plugin::CanvasAxisTickRenderer'), 'y2axis' => array('autoscale' => true, 'label' => 'Number', 'tickOptions' => array('angle' => 30), 'labelRenderer' => 'plugin::CanvasAxisLabelRenderer', 'tickRenderer' => 'plugin::CanvasAxisTickRenderer'))); $pc->draw(800, 600); echo '<br />'; echo '<br />'; echo '<br />'; /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// $pc = new C_PhpChartX(array($line),'chart_3'); $pc->add_plugins(array('canvasTextRenderer')); //set animation $pc->set_animate();
<?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')); $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)')); //set axes $pc->set_axes(array('xaxis' => array('rendnerer' => 'plugin::CategoryAxisRenderer'), 'yaxis' => array('padMax' => 2.0))); $pc->draw(); ?> </body> </html>
<?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>
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; text-align: center; text-decoration: none;
<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(); }); var j = new $.jsDate(); for (var i=0; i<ohlc.length; i++) { j.add(-1, 'day');
<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'); $pc = new C_PhpChartX(array($s1,$s2),'chart2'); $pc->add_plugins(array('highlighter','pointLabels'));
<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 = []; \tvar GraphData2 = [];
<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>
<head> <style type="text/css" media="screen"> .jqplot-axis { font-size: 0.85em; } .jqplot-title { font-size: 1.1em; } </style> </head> <body> <div><span> </span><span id="info1b"></span></div> <?php $l1 = array(array(1, 2), array(4, 5), array(8, 9), array(15, 16), array(18, 40)); $l2 = array(array(2, 1), array(5, 4), array(12, 7), array(16, 12), array(19, 29)); ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// //Chart 1 Example ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// $pc = new C_PhpChartX(array($l1, $l2), 'chart'); $pc->set_animate(true); $pc->set_title(array('text' => 'Plot with Grid Customization')); $pc->set_axes(array('xaxis' => array('tickInterval' => 2, 'min' => 0), 'yaxis' => array('renderer' => 'plugin::LogAxisRenderer'))); $pc->set_grid(array('background' => 'rgba(0,0,0,0)', 'gridLineColor' => '#accf9b', 'borderWidth' => 2.5)); $pc->draw(360, 300); ?> </body> </html>