<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')); $pc->set_animate(true);
<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>
<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>
$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)); $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(
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>