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));
$pc->set_xaxes(array(
$pc->set_legend(array('show' => true, 'location' => 'e', 'placement' => 'outside'));
$pc->set_axes(array('yaxis' => array('renderer' => 'plugin::CategoryAxisRenderer')));
$pc->draw(600, 400);
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Bar 5 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$pc = new C_PhpChartX(array(array(array(2, 1), array(null, 2), array(7, 3), array(10, 4))), 'chart5');
$pc->add_plugins(array('highlighter'));
$pc->set_animate(true);
$pc->set_series_default(array('renderer' => 'plugin::BarRenderer', 'shadowAngle' => 135, 'rendererOptions' => array('highlightMouseDown' => true, 'barDirection' => 'horizontal'), 'pointLabels' => array('show' => true, 'formatString' => '%d')));
$pc->add_series(array('rendererOptions' => array('highlightMouseDown' => true, 'barDirection' => 'horizontal')));
$pc->set_capture_right_click(true);
$pc->set_legend(array('show' => true, 'location' => 'e', 'placement' => 'outside'));
$pc->set_yaxes(array('yaxis' => array('renderer' => 'plugin::CategoryAxisRenderer')));
$pc->draw(600, 400);
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Pie 6 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$pc = new C_PhpChartX(array(array(1, 2, 3, 4)), 'chart6');
$pc->add_plugins(array('highlighter', 'pointLabels'));
$pc->set_animate(true);
$pc->set_series_default(array('renderer' => 'plugin::PieRenderer'));
$pc->draw(600, 400);
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Bar 7 Example
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
<?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>
<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',
'rendererOptions'=>array(
<!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>
//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'));
//set series