Beispiel #1
0
        <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>
Beispiel #3
0
<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>
Beispiel #4
0
$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>