Chart Elements - Y Legend
Object: y_legend( $text )
Methods:
- set_style( $css )
A css string. See the Title object for more details.
See the example code below for a better idea of how this works.
This goes into the <head> of the page:
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript">
swfobject.embedSWF(
"open-flash-chart.swf", "my_chart",
"750", "650", "9.0.0", "expressInstall.swf",
{"data-file":"gallery/y-legend.php"} );
</script>
This writes the chart into a div with id="my_chart",
right click and view source to see it in action,
[the tutorials have more details]
gallery/y-legend.php
<?php
include '../php-ofc-library/open-flash-chart.php';
$year = array();
$pop = array();
$year[] = '10000 BC'; $pop[] = 1;
$year[] = '9000 BC'; $pop[] = 1;
$year[] = '8000 BC'; $pop[] = 5;
$year[] = '7000 BC'; $pop[] = 5;
$year[] = '6000 BC'; $pop[] = 5;
$year[] = '5000 BC'; $pop[] = 5;
$year[] = '4000 BC'; $pop[] = 7;
$year[] = '3000 BC'; $pop[] = 14;
$year[] = '2000 BC'; $pop[] = 27;
$year[] = '1000 BC'; $pop[] = 50;
$year[] = '500 BC'; $pop[] = 100;
$year[] = '400 BC'; $pop[] = 162;
$year[] = '200 BC'; $pop[] = 150;
$year[] = '1 AD'; $pop[] = 170;
$year[] = '200 AD'; $pop[] = 190;
$year[] = '400 AD'; $pop[] = 190;
$year[] = '500 AD'; $pop[] = 190;
$year[] = '600 AD'; $pop[] = 200;
$year[] = '700 AD'; $pop[] = 207;
$year[] = '800 AD'; $pop[] = 220;
$year[] = '900 AD'; $pop[] = 226;
$year[] = '1000 AD'; $pop[] = 254;
$year[] = '1100 AD'; $pop[] = 301;
$year[] = '1200 AD'; $pop[] = 360;
$year[] = '1250 AD'; $pop[] = 400;
$year[] = '1300 AD'; $pop[] = 360;
$year[] = '1340 AD'; $pop[] = 443;
$year[] = '1400 AD'; $pop[] = 350;
$year[] = '1500 AD'; $pop[] = 425;
$year[] = '1600 AD'; $pop[] = 545;
$year[] = '1650 AD'; $pop[] = 470;
$year[] = '1700 AD'; $pop[] = 600;
$year[] = '1750 AD'; $pop[] = 629;
$year[] = '1800 AD'; $pop[] = 813;
$year[] = '1850 AD'; $pop[] = 1128;
$year[] = '1900 AD'; $pop[] = 1550;
$year[] = '1910 AD'; $pop[] = 1750;
$year[] = '1920 AD'; $pop[] = 1860;
$year[] = '1930 AD'; $pop[] = 2070;
$year[] = '1940 AD'; $pop[] = 2300;
$year[] = '1950 AD'; $pop[] = 2400;
$chart = new open_flash_chart();
$title = new title( 'World Population Estimates' );
$title->set_style( "{font-size: 20px; color: #778877; text-align: center;}" );
$chart->set_title( $title );
$area = new area();
$area->set_colour( '#688F11' );
$area->set_dot_size( 3 );
$area->set_values( $pop );
$area->set_key( 'Population', 12 );
$chart->add_element( $area );
//
// LOOK:
//
$y_legend = new y_legend( 'Population in millions' );
$y_legend->set_style( '{font-size: 22px; color: #778877}' );
$chart->set_y_legend( $y_legend );
//
// make the X Axis pretty:
//
$x = new x_axis();
$x->set_colours( '#9ABD2E', '#ECFFAF' );
$x->set_steps( 4 );
$x->set_labels_from_array( $year );
$chart->set_x_axis( $x );
//
// remove this when the Y Axis is smarter
//
$y = new y_axis();
$y->set_colours( '#9ABD2E', '#ECFFAF' );
$y->set_range( 0, 2500, 100 );
$chart->add_y_axis( $y );
$chart->set_bg_colour( '#DBE8B1' );
echo $chart->toPrettyString();
|
|
