一款漂亮的空数据图表

2010-09-23 22:16:29 作者:tony.lee 来源: 浏览次数:0

一款漂亮的空数据图表,给大家参考一下。

见数据线的set_data()方法。

请注意如何前两个值和最后两个值都为null,不显示在图。 有进一步的空值跳过。

 创建Flash对象
<?php
include_once 'php-ofc-library/open_flash_chart_object.php' ;
open_flash_chart_object ( 400 , 250 , 'http://' . $_SERVER [ 'SERVER_NAME' ] . '/open-flash-chart/data-39.php',false );
?>
data-39.php 
<?php

include_once( 'php-ofc-library/open-flash-chart.php' );
$g = new graph ();

$g -> set_x_label_style ( 10 , '#9933CC' );
$g -> y_label_steps ( 8 );
$g -> area_hollow ( 2 , 3 , 25 , '#CC3399' , 'Price' , 12 );

$g -> set_y_min ( 0 );
$g -> set_y_max ( 40000 );
$tmp = array();

$tmp [] = '2007-06-22' ;
$tmp [] = '2007-06-23' ;
$tmp [] = '2007-06-24' ;
$tmp [] = '2007-06-25' ;
$tmp [] = '2007-06-26' ;
$tmp [] = '2007-06-27' ;
$tmp [] = '2007-06-28' ;
$tmp [] = '2007-06-29' ;
$tmp [] = '2007-06-30' ;
$tmp [] = '2007-06-31' ;
$tmp [] = '2007-07-01' ;
$tmp [] = '2007-07-02' ;
$tmp [] = '2007-07-03' ;
$tmp [] = '2007-07-04' ;

$g -> set_x_labels ( $tmp );

//
// now set up an array of values to
// show in the chart, this includes
// a number of null values which
// will NOT be plotted.
//
$data = array();
$data [] = 'null' ;
$data [] = 'null' ;
$data [] = '33188' ;
$data [] = '34019' ;
$data [] = '34692' ;
$data [] = 'null' ;
$data [] = 'null' ;
$data [] = 'null' ;
$data [] = '36319' ;
$data [] = 'null' ;
$data [] = 'null' ;
$data [] = '37089' ;
$data [] = 'null' ;
$data [] = 'null' ;

$g -> set_data ( $data );

$g -> bg_colour = '#E0E0E0' ;
$g -> set_inner_background ( '#DDEFFA' , '#CBD7E6' , 90 );

$g -> x_axis_colour ( '#799191' , '#FFFFFF' );
$g -> y_axis_colour ( '#799191' , '#FFFFFF' );

$g -> set_x_label_style ( 10 , '#CC3399' , 2 );
$g -> set_y_label_style ( 10 , '#CC3399' );

$g -> title ( 'Avg. Property Value (showing null values)' , '{font-size: 14px; color: #CC3399}' );

$g -> set_tool_tip ( 'USD $#val#' );

echo
$g -> render ();
?>
关键词:空数据图表

相关文章

[收藏] [打印] [关闭] [返回顶部]

赞助商广告

更多

热门标签