<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'));
$pc->add_plugins(array('canvasTextRenderer','cursor'));
$pc->set_animate(true);
$pc->set_title(array('text' => 'Google Inc.'));
$pc->set_series_default(array('neighborThreshold'=>-1));
<?php
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Bar line pei example 1
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$l1 = array(2, 3, 1, 4, 3);
$l2 = array(1, 4, 3, 2, 5);
$pc = new C_PhpChartX(array($l1, $l2), 'chart1');
$pc->add_plugins(array('canvasTextRenderer'));
$pc->set_animate(true);
$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_series_default(array('fill' => true, 'showMarker' => false, 'shadow' => false));
$pc->set_xaxes(array('xaxis' => array('pad' => 1.0, 'numberTicks' => 5, 'autoscale' => false)));
$pc->add_series(array('color' => 'rgba(68, 124, 147, 0.7)'));
$pc->add_series(array('color' => 'rgba(150, 35, 90, 0.7)'));
$pc->draw(600, 310);
/*
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Bar line pei example 2
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$l1 = 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.2));
$pc = new C_PhpChartX(array($l1),'chart2');
$pc->add_plugins(array('canvasTextRenderer'));
$pc->set_animate(true);
$pc->set_title(array('text'=>'Rotated Axis Text'));
//$pc->set_stack_series(true);
<?php
if (strlen($data_sensor_name) > 0) {
$tmpList = $sensors->get_sensordata_range($data_sensor_name, 60);
$arrayData = array();
$i = 0;
foreach ($tmpList as $row) {
$arrayData[$i] = $row['txtdata'];
if ($i == 0) {
$startTime = $row['datetime'];
}
$endTime = $row['datetime'];
$i++;
}
$dateTitle = date("Y-m-d H:i", $startTime) . "~" . date("Y-m-d H:i", $endTime) . "溫度趨線圖";
//print_r($arrayData);
$pc = new C_PhpChartX(array($arrayData), 'basic_chart');
$pc->set_animate(true);
$pc->set_title(array('text' => $dateTitle));
//$pc->set_axes(array('yaxis'=> array('min'=>0,'max'=>100,'padMax'=>5.0)));
//set axes
$pc->set_xaxes(array('xaxis' => array('borderWidth' => 2, 'borderColor' => '#999999', 'tickOptions' => array('showGridline' => false))));
$pc->set_yaxes(array('yaxis' => array('borderWidth' => 0, 'borderColor' => '#ffffff', 'autoscale' => true, 'min' => '0', 'max' => 100, 'numberTicks' => 21, 'labelRenderer' => 'plugin::CanvasAxisLabelRenderer', 'label' => 'Energy Use')));
$pc->set_series_default(array('linePattern' => 'dashed', 'showMarker' => false, 'shadow' => false));
$pc->draw();
}
?>
</body>
</html>
</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'));
$pc->set_series_color(array('#333333', '#999999', '#3EA140', '#3EA140', '#3EA140', '#783F16', '#783F16', '#783F16', '#333333'));
$pc->set_series_default(array(
'renderer'=>'plugin::BarRenderer',
<div><span> </span><span id="info1b">Nothing</span></div>
<?php
$js_theme = array('grid' => array('drawBorder' => false, 'shadow' => false, 'background' => 'rgba(255, 255, 255, 0.0)'), 'seriesDefaults' => array('shadow' => false, 'showMarker' => false), 'axes' => array('xaxis' => array('pad' => '1.0', 'tickOptions' => array('showGridline' => false)), 'yaxis' => array('pad' => '1.05')));
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Baned line example 1
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Band data in arrays of [x,y] values.
$bdat = array(array(array('7/1/2011', 8), array('7/2/2011', 9), array('7/3/2011', 8), array('7/4/2011', 13), array('7/5/2011', 11), array('7/6/2011', 13)), array(array('7/1/2011', 12), array('7/2/2011', 13), array('7/3/2011', 12), array('7/4/2011', 17), array('7/5/2011', 15), array('7/6/2011', 17)));
$dat = array(array('7/1/2011', 10), array('7/2/2011', 11), array('7/3/2011', 10), array('7/4/2011', 15), array('7/5/2011', 13), array('7/6/2011', 15));
$pc = new C_PhpChartX($dat, 'chart01', 'extend', $js_theme);
$pc->add_plugins(array('highlighter', 'cursor', 'pointLabels'));
$pc->add_series(array('rendererOptions' => array('bandData' => $bdat)));
$pc->set_xaxes(array('xaxis' => array('renderer' => 'plugin::DateAxisRenderer', 'min' => '7/1/2011', 'max' => '7/6/2011', 'tickInterval' => '1 day')));
$pc->draw(600, 310);
/*
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//example chart 2
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$bdat = array(array(array('7/1/2011', 9), array('7/3/2011', 7), array('7/4/2011', 13), array('7/5/2011', 11), array('7/6/2011', 13)),
array(array('7/1/2011', 12), array('7/3/2011', 14), array('7/4/2011', 18), array('7/6/2011', 16)));
$dat = array(array('7/1/2011', 10), array('7/2/2011', 11), array('7/3/2011', 10), array('7/4/2011', 15), array('7/5/2011', 13), array('7/6/2011', 15));
$pc = new C_PhpChartX($dat,'chart02','extend',$js_theme);
$pc->add_plugins(array('highlighter','cursor','pointLabels'));
$pc->add_series(array('rendererOptions'=>array('bandData'=>$bdat,'smooth'=>true)));
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>phpChart - Area</title>
</head>
<body>
<div><span>Moused Over: </span><span id="info1b">Nothing</span></div>
<?php
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//example area 1
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$l2 = array(11, 9, 5, 12, 14);
$l3 = array(4, 8, 5, 3, 6);
$l4 = array(12, 6, 13, 11, 2);
$pc = new C_PhpChartX(array($l2, $l3, $l4), 'area_1');
//set jqplot default options
$pc->set_defaults(array('seriesDefaults' => array('fill' => true), 'showMarker' => true, 'stackSeries' => true));
$pc->set_xaxes(array('xaxis' => array('renderer' => 'plugin::CategoryAxisRenderer', 'ticks' => array('Mon', 'Tue', 'Wed', 'Thr', 'Fri'))));
//Binding JavaScript
$pc->bind_js('jqplotDataHighlight', array('series' => 'seriesIndex', 'point' => 'pointIndex', 'data' => 'data'));
$pc->bind_js('jqplotDataUnhighlight', array('Nothing'));
$pc->draw(400, 260);
?>
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>phpChart - Axis Label Chart</title>
</head>
<body>
<?php
$l1 = array(array(2011, 1200), array(2039, 1200));
$l2 = array(array(2011, 0), array(2039, 800));
$l3 = array(array(2011, 0), array(2039, 400));
$pc = new C_PhpChartX(array($l1, $l2, $l3), 'area_1');
$pc->add_plugins(array('canvasTextRenderer'));
//set jqplot default options
$pc->set_defaults(array('seriesDefaults' => array('fill' => true, 'fillToZero' => true, 'fillToValue' => 100, 'yaxis' => 'y2axis'), 'axesDefaults' => array('showTickMarks' => false, 'tickOptions' => array('formatString' => '%d')), 'stackSeries' => true));
//set grid properties
$pc->set_grid(array('background' => '#ffffff', 'borderWidth' => 0, 'borderColor' => '#ffffff', 'shadow' => true, 'shadowWidth' => 10, 'shadowOffset' => 3, 'shadowDepth' => 3, 'shadowColor' => 'rgba(230, 230, 230, 0.07)'));
//set legend properties
$pc->set_legend(array('renderer' => 'plugin::EnhancedLegendRenderer', 'show' => true, 'location' => 's', 'placement' => 'outside', 'yoffset' => 30, 'rendererOptions' => array('numberRows' => 2), 'labels' => array('oil', 'renewables', 'wind and water')));
//set axes
$pc->set_xaxes(array('xaxis' => array('borderWidth' => 2, 'borderColor' => '#999999', 'ticks' => array(2010, 2040), 'tickOptions' => array('showGridline' => false)), 'x2axis' => array('borderWidth' => 0, 'borderColor' => '#ffffff')));
$pc->set_yaxes(array('y2axis' => array('borderWidth' => 0, 'borderColor' => '#ffffff', 'autoscale' => true, 'min' => '0', 'max' => 3000, 'numberTicks' => 4, 'labelRenderer' => 'plugin::CanvasAxisLabelRenderer', 'label' => 'energy use'), 'yaxis' => array('borderWidth' => 2, 'borderColor' => '#999999')));
//add custom JS
$pc->add_custom_js("\n\t\tvar r = area_1._width - area_1._gridPadding.left - 5; \n\t\tr = r+'px'; \n\t\t\$('.jqplot-y2axis-label').css({top:'10px', right:r});", "after");
$pc->draw();
?>
</body>
</html>
$pc->set_legend(array('show' => false));
//set axes
$pc->set_xaxes(array('xaxis' => array('labelOptions' => array('fontSize' => '13pt'), 'label' => 'Core Motor Amperage', 'tickOptions' => array('angle' => -30), 'labelRenderer' => 'plugin::CanvasAxisLabelRenderer')));
$pc->set_yaxes(array('yaxis' => array('renderer' => 'plugin::LogAxisRenderer', 'labelOptions' => array('fontSize' => '13pt'), 'label' => 'Core Motor Voltage', 'tickOptions' => array('formatString' => '%.2f', 'angle' => -30, 'labelPosition' => 'middle'), 'labelRenderer' => 'plugin::CanvasAxisLabelRenderer', 'tickRenderer' => 'plugin::CanvasAxisTickRenderer')));
$pc->draw(800, 300);
echo '<br />';
echo '<br />';
echo '<br />';
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$line2 = array(array('1/1/2008', 42), array('2/14/2008', 56), array('3/7/2008', 39), array('4/22/2008', 81));
$pc = new C_PhpChartX(array($line2), 'chart_2');
$pc->add_plugins(array('canvasTextRenderer'));
//set axes
$pc->set_xaxes(array('xaxis' => array('renderer' => 'plugin::DateAxisRenderer', 'labelOptions' => array('fontSize' => '13pt'), 'label' => 'Incliment Occurrance', 'tickOptions' => array('angle' => 15), 'labelRenderer' => 'plugin::CanvasAxisLabelRenderer', 'tickRenderer' => 'plugin::CanvasAxisTickRenderer')));
$pc->set_yaxes(array('yaxis' => array('label' => 'Incliment Factor', 'labelRenderer' => 'plugin::CanvasAxisLabelRenderer')));
$pc->draw(800, 300);
/*
echo '<br />';
echo '<br />';
echo '<br />';
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$line3 = array(array('Cup Holder Pinion Bob', 7), array('Generic Fog Lamp Marketing Gimmick', 9), array('HDTV Receiver', 15), array('8 Track Control Module', 12), array('SSPFM (Sealed Sludge Pump Fourier Modulator)', 3), array('Transcender/Spice Rack', 6), array('Hair Spray Rear View Mirror Danger Indicator', 18));
$pc = new C_PhpChartX(array($line3),'chart_3');
$pc->add_plugins(array('canvasTextRenderer'));