Posted by: rainmore | February 4, 2009

PHP Open Flash Chart Quick View

Spending 3 hours on Open Flash Chart, it’s a realy chart tool for php. It’s really hard to understand it’s tutorial is hardly understood. However, there are always some short cut. It’s as following.

copy file open-flash-chart.swf,   folder php-ofc-library and folder js to your developing folder

Create a view rada.html at developing folder


<html>
<head>
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript">
var a1 = swfobject;
var a2 = swfobject;
a1.embedSWF(
"open-flash-chart.swf", "my_chart",
"300", "350", "9.0.0", "expressInstall.swf",
{"data-file":"radar-chart.php"} );

a2.embedSWF(
"open-flash-chart.swf", "my_chart1",
"300", "350", "9.0.0", "expressInstall.swf",
{"data-file":"radar-chart.php"} );
</script>
</head>
<body>
<div id="my_chart"></div>
<div id="my_chart1"></div>
</body>
</html>

Then create a data file radar-chart.php developing folder


<?php

include 'php-ofc-library/open-flash-chart.php';
$chart = new open_flash_chart();
$chart->set_title( new title( 'Felix' ) );

$area = new area_hollow();

$area->set_width( 1 );
$area->set_dot_size( 3 );
$area->set_halo_size( 1 );
$area->set_colour( '#FA341F' );

$area->set_fill_colour( '#FE7903' );
$area->set_fill_alpha( 0.4 );
$area->set_loop();

$v1 = 10/20;
$v2 = 35/20;
$v3 = 40/20;
$v4 = 55/20;
$v5 = 90/20;
$area->set_values(array($v1, $v2, $v3, $v4, $v5));

$chart->add_element( $area );

$r = new radar_axis( 5 );

$r->set_colour( '#BEBEBE' );
$r->set_grid_colour( '#D0D0D0' );

$labels = new radar_axis_labels( array('0','10','20','40','50','100') );
$labels->set_colour( '#9F819F' );
$r->set_labels( $labels );

$chart->set_radar_axis( $r );

$tooltip = new tooltip();
$tooltip->set_proximity('a','b','c','d','e');
$chart->set_tooltip( $tooltip );

$chart->set_bg_colour( '#FFFFFF' );

echo $chart->toPrettyString();
?>

I don’t really think folder php5-ofc-library is necessary. It use php to create javascript file and out put <div>.

Advertisement

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Connecting to %s

Categories

Follow

Get every new post delivered to your Inbox.