Skip to content

FlashChartHelper Exampels

alkemann edited this page Sep 13, 2010 · 1 revision

Example 1 : Minimum usage. You will always need at least this

<?php
	echo $flashChart->begin();
	$flashChart->setData(array(1,2,4,8));
	echo $flashChart->chart();
	echo $flashChart->render();
?>

Example 2 : Minimum with 2 datasets

<?php
	echo $flashChart->begin();
	$flashChart->setData(array(1,2,4,8),'{n}',false,'Apples');
	$flashChart->setData(array(3,4,6,9),'{n}',false,'Oranges');
	echo $flashChart->chart('line',array('colour'=>'green'),'Apples');
	echo $flashChart->chart('line',array('colour'=>'orange'),'Oranges');
?>

Example 3 : Minimum with 2 seperate charts

<?php
	echo $flashChart->begin();
	$flashChart->setData(array(3,4,6,9),'{n}',false,'Potatoes');
	$flashChart->setTitle('Veggies');
	echo $flashChart->chart('line',array('colour'=>'#cc3355'),'Potatoes');
	echo $flashChart->render();
	$flashChart->setTitle('Fruits');
	$flashChart->setData(array(1,2,4,8),'{n}',false,'Apples','dig');
	$flashChart->setData(array(3,4,6,9),'{n}',false,'Oranges','dig');
	echo $flashChart->chart('line',array('colour'=>'#33cc33'),'Apples','dig');
	echo $flashChart->chart('line',array('colour'=>'#ccaa44'),'Oranges','dig');	
	echo $flashChart->render(500,500,'dig');
?>

Example 4 : Customizing your chart and setting labels

<?php
	foreach ($data as $key => $model) {
		$data[$key]['Day']['date'] = $time->format('d.M',$data[$key]['Day']['date']);
	}
	echo $flashChart->begin('SteppChart', 500,500);

	$flashChart->setTitle('Steppometer','{color:#880a88;font-size:35px;padding-bottom:20px;}');

	$flashChart->setData($data);
	$flashChart->setNumbersPath( '{n}.Day.count' );
	$flashChart->setLabelsPath( 'default.{n}.Day.date' );

	$flashChart->setLegend('x','Dato');
	$flashChart->setLegend('y','Skritt', '{color:#AA0aFF;font-size:40px;}' );

	$flashChart->axis('x',array('tick_height' => 10,'3d' => -10));
	$flashChart->axis('y',array('range' => array(0,10000,1000)));

	echo $flashChart->chart();
	echo $flashChart->render();
?>

Example 5 : Charting non-numeric data and labels on y-axis

<?php
	$grades = array('A'=>6,'B'=>5,'C'=>4,'D'=>3,'E'=>2,'F'=>1);
	foreach ($data as $key => $model) {
		$data[$key]['Event']['value'] = $grades[$model['Event']['grade']];
	}

	$labels = array();
	foreach ($data as $key => $label) {
		$labels[$key] = $time->nice($label['Event']['when']);
	}

	echo $flashChart->begin();

	$flashChart->setTitle('"Events" by Grade','{font-size:50px;color:#AA66AA;}');

	$flashChart->setLegend('x','Dato');
	$flashChart->setLegend('y','Grade', '{color:#AA0aFF;font-size:40px;}' );

	$flashChart->axis('x',array('labels' => $labels,'tick_height' => 20),array('vertical' => true,'colour'=>'#3399AA'));
	$flashChart->axis('y',array('range' => array(0, 6, 1),'labels' => array('','F','E','D','C','B','A')));

	$flashChart->setData($data,'/Event/value'); 
	echo $flashChart->chart('bar_3d', array('colour'=>'#aa55AA'));
	echo $flashChart->render();
?>

Example 6 : Scatter and loading message

<?php
	$data = array();
	for( $i=0; $i<360; $i+=5 ) {
		$data[] = array(
			'x' => number_format(sin(deg2rad($i)), 2, '.', ''),
			'y' => number_format(cos(deg2rad($i)), 2, '.', '') 
		);
	}
	echo $flashChart->begin();
	$flashChart->setData($data);
	$flashChart->setTitle('Scatter');
	$flashChart->axis('x',array('range' => array(-2,3,1)));
	$flashChart->axis('y',array('range' => array(-2,2,1)));	
	$flashChart->ready = 'alert("ready");' ;
	$flashChart->loading = 'alert("Getting your round thing, please wait.");' ;
	echo $flashChart->chart('scatter');
	echo $flashChart->render(300,300);
?>

Example 7 : Radar

<?php
	echo $flashChart->begin('progress', 600, 600);
	$flashChart->setTitle('Radar');
	$flashChart->setData(array(3, 4, 5, 4, 3, 3, 2.5));
	$flashChart->setRadarAxis(array(
		'max' => 5,
		'steps' => 1,
		'colour' => '#EFD1EF',
		'grid_colour' => '#EFD1EF',
		'label_colour' => '#343434',
		'labels' => array('0', '1', '2', '3', '4', '5'
	)));

	$flashChart->setToolTip(null, array('proximity' => true));
	echo $flashChart->chart('radar', array(
		'halo_size' => 1,
		'width' => 1,
		'dot_size' => 4,
		'colour' => '#45909F',
		'type' => 'filled',
		'fill_colour' => '#45909F',
		'fill_alpha' => 0.4,
		'loop' => true
	));
	echo $flashChart->render(800,800);
?>

Example 8 : Stacked Bars, prototype, multiple charts and dom id

<?php
	echo $javascript->link('prototype');
	echo $flashChart->begin(array('prototype'=>true));
	$flashChart->setTitle('Stacked Bars');
	$flashChart->axis('y',array('range' => array(0, 100, 10)));
	$flashChart->setStackColours(array('#0000ff','#ff0000','#00FF00')); 
	$flashChart->setData(array(
		array(65,15,20),
		array(45,15,40),
		array(51,29,20),
		array(15,35,50),
	));
	echo $flashChart->chart('bar_stack');
	echo $flashChart->render(800,800);
	echo $flashChart->setData(array(1,3,2,4),'{n}',false,'stuff','chart2');
	echo $flashChart->chart('line',array(),'stuff','chart2');	
	echo $flashChart->render(400,400,'chart2','chartDomId');
?>
<hr>
<div id="chartDomId"></div>
Clone this wiki locally