Open Flash Chart
Support This Project :: Home - Gallery - Bar + Line Chart

Gallery - Bar + Line Chart

Mix bars and lines on one chart.

It is easy to mix bar and lines on one graph. To display a set of data as a line, call the line() method. To display a set of data as a bar call the bar() method.

The order in which you call these methods determins which is on top, Open Flash Chart will display the first set of data (either a line or bar), then display the next data set on top of the first.

The order in which you pass the sets of data to Open Flash Chart also effects the order they are displayed in the key.

Create the flash object
<?php
include_once 'ofc-library/open_flash_chart_object.php';
open_flash_chart_object( 500, 300, 'http://'. $_SERVER['SERVER_NAME'] .'/open-flash-chart/gallery-data-16.php' );
?>
gallery-data-16.php
<?php

// generate some random data
srand((double)microtime()*1000000);

//
// NOTE: how we are filling 3 arrays full of data,
//       one for each line on the graph
//
$data_1 = array();
$data_2 = array();
$data_3 = array();
for( $i=0; $i<9; $i++ )
{
  $data_1[] = rand(2,5);
  $data_2[] = rand(4,7);
  $data_3[] = rand(5,9);
}

include_once( 'ofc-library/open-flash-chart.php' );
$g = new graph();
$g->title( 'Mixed Line and Bar Charts', '{font-size: 35px; color: #800000}' );

$g->set_data( $data_1 );
$g->bar( 50, '#9933CC', 'Purple Bar', 10 );

$g->set_data( $data_2 );
$g->bar( 50, '#339966', 'Green Bar', 10 );

$g->set_data( $data_3 );
$g->line_dot( 3, 5, '#CC3399', 'Line', 10 );    // <-- 3px thick + dots

$g->set_x_labels( array( 'Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep' ) );
$g->set_y_max( 10 );
$g->y_label_steps( 2 );
$g->set_y_legend( 'Your legend here!', 12, '#736AFF' );
echo $g->render();
?>
To see the data produced : gallery-data-16.php, then 'view source'.
Support This Project