NBRed5.com - Red5 Analytics Demo - A brief overview and links to a demo of Red5 Analytics

Red Analytics Demo

Page 1, 2, 3, 4, 5

Open Flash Chart 2

Once I had the server code decided on for getting the data from Google Analytics, I then began researching and testing various charting solutions for displaying the data.

When I eventually found Open Flash Chart 2 I could immediately see it's potential. It ticked all the right boxes, in that it provided the main types of charts I wanted to use, was open source, has very active forums, used JSON as the file format and had PHP classes to easily build and configure the charts.

Below is a very simple example of how easy it is to use:

include "../../inc/lib.php";
include '../../php-ofc-library/open-flash-chart.php';

$pie = new pie();
$pie->start_angle(0);
$pie->add_animation( new pie_fade() );
$pie->add_animation( new pie_bounce(4) );
$pie->gradient_fill();
$pie->tooltip( '#label#<br>#val# (#percent#)' );
$pie->colours( $colours );
$values = array();
$pievalue = new pie_value(100, "Direct Traffic");
$pievalue->set_text("Direct Traffic");
$values[] = $pievalue;
$pievalue = new pie_value(50, "Search Engines");
$pievalue->set_text("Search Engines");
$values[] = $pievalue;
$pievalue = new pie_value(100, "Referring Sites");
$pievalue->set_text("Referring Sites");
$values[] = $pievalue;
$pie->set_values( $values );
$pie->set_no_labels();


$legend = new legend();
$legend->set_position( 'right' );
$legend->set_margin( 10 );
$legend->set_padding( 10 );

$chart1 = new open_flash_chart();
$chart1->set_bg_colour( '#FFFFFF' );
$chart1->add_element( $pie );
$chart1->set_legend( $legend );
						
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
	<script type="text/javascript" src="../../js/json/json2.js"></script>
	<!--[if !IE]><!-->
		<script type="text/javascript" src="../../js/swfobject.js"></script>
		<script type="text/javascript">
			swfobject.embedSWF("../../open-flash-chart.swf", "my_chart", "99%", "200", "9.0.0", "expressInstall.swf", {"get-data":"visits_piechart"}, {"WMode":"Transparent"});
		</script>	
	<!--<![endif]-->
	<script type="text/javascript">
		function ofc_ready()
		{
		    //alert('ofc_ready');
		}
		
		function visits_piechart()
		{
		    //alert( 'reading data' );
		    return JSON.stringify(data);
		}
		var data1 = <php echo $chart1->toPrettyString();// >;
	</script>
</head>
<body>
	<!--[if IE]>
		<object 
			id="my_chart"
			type="application/x-shockwave-flash"
			data="../../open-flash-chart.swf"
			codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0"
			width="99%"
			height="200"
			style="visibility: visible;">
			<param name="wmode" value="transparent" />
			<param name="movie" value="../../open-flash-chart.swf" />
			<param name="flashvars" value="get-data=visits_piechart"/>
		</object>
	<![endif]-->
	<!--[if !IE]><!-->
		<div id="my_chart"></div>
	<!--<![endif]-->	
</body>

Page 1, 2, 3, 4, 5

Links:

Red5 Analytics Demo

Ext 2.2.1 API

Ext JS Home

Ext JS Forums

Google Gears

Google Analytics Data Export API

Google Analytics API PHP Class

Open Flash Chart 2

Google Visualization API

Google Chart API

FPDF Library

Red Analytics Demo

Open Flash Chart 2

Links:

Bookmark with: