Charts - Bar Charts Menu - on show animation

Use this to experiment with the three attributes that control the animation:

Red bars
Delay (seconds)
Cascade (seconds)
Blue bars
Delay (seconds)
Cascade (seconds)

  • Animation: types
  • Delay: seconds, before anything happens
  • Cascade: seconds. The difference between when the left and right items start to animate


  • Red [drop, delay:0, cascade:1] with Blue [drop, 0.5, cascade:1]
  • Red [drop, delay:0.5, cascade:2.5] (3 seconds until finished) with Blue [drop, delay:0, cascade:1]
  • Red [drop, delay:0.2, cascade:0] with Blue [drop, delay:0, cascade:0]

"The blue bar" is a pub near my house. It just struck me as amusing.

Documentation: bar glass, inherits from bar_base, on-show animation properties.

The interesting actionscript: charts/series/bars/

Note how we foward the $_POST variables from this page along to the chart .php page as $_GET variables in the URL. Don't forget to urlencode your URL!!

This goes into the <head> of the page:

<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript">

"open-flash-chart.swf", "my_chart",
"550", "200", "9.0.0", "expressInstall.swf",
{"data-file":"gallery/bar-chart-on-show.php"} );

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]


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

$animation_1= isset($_GET['animation_1'])?$_GET['animation_1']:'pop';
$delay_1    = isset($_GET['delay_1'])?$_GET['delay_1']:0.5;
$cascade_1    = isset($_GET['cascade_1'])?$_GET['cascade_1']:1;
$animation_2= isset($_GET['animation_2'])?$_GET['animation_2']:'fade-in';
$delay_2    = isset($_GET['delay_2'])?$_GET['delay_2']:1;
$cascade_2    = isset($_GET['cascade_2'])?$_GET['cascade_2']:1;

$title = new titledate("D M d Y") );

$bar = new bar_glass();
$bar->set_values( array(3,4,5,6,5,7,3,4) );
$bar->set_on_show(new bar_on_show($animation_1$cascade_1$delay_1));

$bar2 = new bar_glass();
$bar2->set_values( array(5,6,5,7,3,4,3,5) );
$bar2->set_on_show(new bar_on_show($animation_2$cascade_2$delay_2));

$chart = new open_flash_chart();
$chart->set_title$title );
$chart->add_element$bar );
$chart->add_element$bar2 );

To see the data produced : gallery/bar-chart-on-show.php, then 'view source'.
Support This Project

Open Flash Chart logo by | Syntax highlights are by GeSHi