open flash chart 使用方法

我是用的是open-flash-chart-2-Kvasir，解压以后，只有4个文件需要

将php-ofc-library文件夹 js文件夹 open-flash-chart1.swf swfobject.js文件放入网站根目录。

另开文件，写入（加上ram1"+math.random()是为了使页面动态刷新后台数据,jishu是想要传入的参数。%26是代替&）

data-file路径就是插入图形的文件路径。

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

var flashvars = {"data-file":"test1.php?jishu=1%26ram1="+Math.random()};
swfobject.embedSWF(
"open-flash-chart.swf", "my_chart", "550", "300",
"9.0.0", "expressInstall.swf",
flashvars
);

这里test1.php里可以写函数。test1.php里的就是调用作图类库里的函数作图。

test1.php

<?php session_start();

include 'php-ofc-library/open-flash-chart.php';
$connection = mysql_connect("localhost", "root", "");
mysql_select_db("cultural creative",$connection);
$query = "select * from article_policy ";
$result=mysql_query($query);
$num1=mysql_num_rows($result);
$query = "select * from article_industry ";
$result=mysql_query($query);
$num2=mysql_num_rows($result);
$query = "select * from Cluster ";
$result=mysql_query($query);
$num3=mysql_num_rows($result);
$query = "select * from  Paper_Industry";
$result=mysql_query($query);
$num4=mysql_num_rows($result);
$query = "select * from Paper_Expert ";
$result=mysql_query($query);
$num5=mysql_num_rows($result);

/*set x and y data*/
//$ydata2=array(12,14,15,34,12,12,11,41,14.346,34.445,23);

$ydata=array(1,2,3,4,5);

/* Create a title object and set the text to todays date*/
$title = new title( "总体统计".date("D M d Y") );
$title->set_style( "{font-size: 16px; font-family: Times New Roman;
font-weight: bold; color: #330066; text-align: center;}" );

$default_dot = new dot();
$default_dot->size(3)->colour('#DFC329')->tooltip( '#x_label#->中文#val#' );
$bar = new Bar_3d();
$bar->set_values( $ydata );
$bar->colour = '#D54C78';

/**$line_dot = new line();
$line_dot->set_values( $ydata2);
$line_dot->text='总能耗';          //设置曲线的说明文字
$line_dot->set_default_dot_style($default_dot);
$line_dot->colour('#B88A00');
$line_dot->set_width(6);*/

//
/* create and set an y Axis object*/
//
$y = new y_axis();
$y->set_stroke( 10 );
$y->set_colour( '#D7E4A3' );
$y->set_tick_length( 30 );
$y->set_grid_colour( '#A2ACBA' );
//$y->set_steps( 2 );
$ymax=max($ydata);
$y->set_range( 0, $ymax, ceil($ymax/10) );

//
/* create and set an X Axis object*/
//
$xdata=array( '政策法规','产业资讯','聚集区','论文案例','专家文章' );
$x = new x_axis();
$x->set_stroke( 15 );                 //设置x轴上的那一条的宽度
$x->set_colour( '#D7E4A3' );          //设置x轴上的那一条的颜色
$x->set_tick_height( 10 );            //设置x轴上数据离上边那条的距离
$x->set_grid_colour( '#A2ACBA' );     //设置x轴对应风格上的线的颜色
// Style the X Axis Labels:
$x_labels = new x_axis_labels();
$x_labels->set_steps( 1 );          //设置x轴标签数据的间隔

//$x_labels->set_vertical();          //设置x轴标签为垂直
$x_labels->set_colour( '#CF4D5F' ); //设置x轴标签颜色
$x_labels->set_size( 16 );           //设置x轴标签字体大小
$x_labels->set_labels($xdata);      //设置x轴标签数据
$x->set_labels( $x_labels );

$chart = new open_flash_chart();
$chart->set_title( $title );
//$chart->add_element( $line_dot );
$chart->add_element( $bar );
$chart->set_y_axis( $y );
$chart->set_x_axis( $x );
//$chart->set_bg_colour( '#FFFFFF' );
//$chart->set_number_format(2, true, true, true );
echo $chart->toPrettyString();

?>

我这里查找数据库的语句大家可以删除，改成自己想展示的数据。

实际上，php经过编译，将test1.php转化成json格式的数据，然后再让flash文件识别。

具体设置作图的语句可以在刚才php-ofc-library文件夹里查看，都是封装成的类让你调用。