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文件夹里查看，都是封装成的类让你调用。