一款带背景图片的图表

2010-09-23 21:55:57 作者:tony.lee 来源:本站原创 浏览次数:0

一款带背景图片的图表,拿出来给大家分享一下。

方法:set_bg_image()
set_bg_image( string $url[, string $x][, string $y] ) 图片的网址。 
$ X可以是下列字符串之一:
  • center中心
  • left
  • right权利
Y可以是下列字符串之一:
  • middle中间
  • top顶部
  • bottom底部
双方$ x和$ y 必须是通过为字符串,例如:
$g->set_bg_image( 'http://www.phphtm.com/open-flash-chart/images/logo.png', 'right', 'top' );或在下面的例子,图像将在图表的中间: 
$g->set_bg_image( 'http://www.phphtm.com/open-flash-chart/images/logo.png', 'center', 'middle' ); 

 

 提示:不要忘记,你可以编辑你的形象有一个20像素的空白边框,所以看起来是不是'压扁'图表起来反对的锋芒。

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

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

$data = array();
$xaxis = array();

for(
$i = 0 ; $i < 30 ; $i ++ )
{
$tmp = rand ( 5 , $i + 5 );
$data [] = $tmp ;
$xaxis [] = $tmp ;
}

include_once(
'php-ofc-library/open-flash-chart.php' );
$g = new graph ();
$g -> title ( 'Background Image' , '{font-size: 30px; color: #7E97A6}' );

$g -> bg_colour = '#E2E6E0' ;

//
//
$g -> set_bg_image ( 'http://www.phphtm.com/open-flash-chart/images/logo.png' , 'right' , 'top' );
//
//

$g -> set_data ( $data );
$g -> line_hollow ( 3 , 5 , '#7E97A6' , 'Fatal kitten attacks in 2007' , 10 );

$g -> x_axis_colour ( '#818D9D' , '#ADB5C7' );
$g -> y_axis_colour ( '#818D9D' , '#ADB5C7' );

$g -> set_y_max ( 40 );
$g -> y_label_steps ( 8 );
$g -> set_y_legend ( 'Attacks' , 12 , '#7E97A6' );
echo
$g -> render ();
?>
关键词:背景图片

相关文章

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

赞助商广告

更多

热门标签