Open Flash Chart 20 指引v100Word下载.docx
- 文档编号:19368930
- 上传时间:2023-01-05
- 格式:DOCX
- 页数:13
- 大小:227.94KB
Open Flash Chart 20 指引v100Word下载.docx
《Open Flash Chart 20 指引v100Word下载.docx》由会员分享,可在线阅读,更多相关《Open Flash Chart 20 指引v100Word下载.docx(13页珍藏版)》请在冰豆网上搜索。
>
/script>
swfobject.embedSWF("
open-flash-chart.swf"
"
my_chart11"
550"
400"
9.0.0"
"
expressInstall.swf"
{"
data-file"
:
"
cc.php"
});
/head>
body>
divid="
/div>
/body>
/html>
第一个my_chart是本页面显示图表的位置。
需要在本页面建立一个Div段落,并将其命名为my_chart,名称自定义。
但是一定要和后面本页面中得DivID相对应。
第二个红色部分是传递的PHP页面,这个文件负责制作提供图表文件的输出。
这里line-dot.php是提供图表的文件。
注意data-file部分的传参函数,如果这样写:
{“data-file”:
”cc.php?
c=1&
b=2”}
是不行的,官网没有仔细看,就是说需要使用encode方法转码一下,用JS的方法可以这样:
$(document).ready(function(e){
varurl="
Report_chart.php?
Request=StoreChart"
;
StartDate=$("
#StartDate"
).val();
EndDate=$("
#EndDate"
url=encodeURIComponent(url+"
&
StartDate="
+StartDate+"
EndDate="
+EndDate);
swfobject.embedSWF("
my_chart"
700"
{"
url});
});
用encodeURIComponent就可以转码并可以使用了。
LineCharts(线性图表)
LineDot
这个是默认的条件生成的图表
首先加载公用前提部分,之后在cc.php文件中加载
include'
../open-flash-chart-2-Lug/php-ofc-library/open-flash-chart.php'
?
php
$title=newtitle(date("
DMdY"
));
//设置title
$line_1_default_dot=newdot();
//新定义一个dot表实例
$line_1_default_dot->
colour('
#f00000'
);
//设置线表的颜色项dot的颜色
$line_1=newline();
//在dot表基础上,设置新建一个line实例,这个实例用来建立线表
$line_1->
set_default_dot_style($line_1_default_dot);
//将line和dot联系起来。
set_values($data_1);
//用定义过的line实例来使用set_values方法将数组带入表象数值。
set_width
(1);
//定义line的宽度,用像素点宽度定义。
这里的单位是px。
set_colour('
#3D5C56'
);
//定义表线的颜色
$line_2_default_dot->
size(3)->
halo_size
(1)->
//在定义了一个dot实例后,size值定义鼠标经过的点,提示点的直径。
//halo_size定义dot和line的边距
//color定义dot颜色
$chart=newopen_flash_chart();
//新建一个Open_Flash_Chart的实例
$chart->
set_title($title);
//关联title信息。
add_element($line_1);
//关联表线信息。
$y=newy_axis();
//新设定一个Y轴的实例
$y->
set_range(0,15,5);
//设置Y轴的基本信息,三个参数分别代表
//(Y轴最小值,Y轴最大值,每隔几个单位标示一位)
set_y_axis($y);
//定义Y轴
echo$chart->
toPrettyString();
//渲染这个表
如果要想在一个表中使用多个同类型的表,只要多生成几个line和dot的实例就可以了。
Soliddot
如果要定义这个表是每个节点都有dot标示的,则在定义Dot实例的时候用solid_dot,而不是dot。
(实心点)
$d=newsolid_dot();
$d->
hollowdot
空心点表格,需要在定义节点时,使用hollow_dot
$d
=
new
hollow_dot();
size(5)->
halo_size(0)->
Bar图表
基本Bar表
$bar=newbar();
//新建立一个Bar实例
$bar->
set_values(array(9,8,7,6,5,4,3,2,1));
//实例用Set_values来输入数值
add_element($bar);
GlassBarChart
新建立实例为bar_glass,其中如果有值为空则不显示。
$data=array(9,8,7,6,null,4,3,2,1);
$bar=newbar_glass();
set_values($data);
toString();
3DBarChart
设定3D柱状图需要设定X轴托盘,否则一定很难看。
首先设定新实例bar_3d
$bar=newbar_3d();
//新实例bar_3d
//给予值
colour='
#D54C78'
//设定颜色
设定3D托盘
$x_axis=newx_axis();
//设定X轴项
$x_axis->
set_3d(5);
//设定3D托盘的像素宽度
#909090'
//设定3D托盘的颜色
BarCylinderChart
桶状图
$bar
bar_cylinder();
set_values(
$data
玻璃状圆柱图
bar_rounded_glass();
2Barsinonechart
多表同图
除了每个图表要新申请一个实例之外,还要定义表头表现值
bar_glass();
colour(
'
#BF3B69'
//图示颜色
key('
Last
year'
12);
//图示名称,标示字段(“标示名称”宽度,)
//数值
区域图表
AreaLineChart
区域填图表
$d=newdot();
//新建DOT实例
#9C0E57'
)->
size(7);
//定义dot颜色和直径
$area=newarea();
//定义区域类图表
//setthecirclelinewidth:
$area->
set_width
(2);
//定义线宽
set_default_dot_style($d);
//加载dot默认形式
#C4B86A'
//设定线颜色
set_fill_colour('
//设定区域颜色
set_fill_alpha(0.7);
//设定区域Alpha值(透明度百分比1为100%)
//addtheareaobjecttothechart:
add_element($area);
//加入元素区域表
//输出图表
饼状图
PieChart
饼图
$d=array(
newpie_value(8,"
Spermicides"
),//用数组带入$d,之后这个数组带入饼图
newpie_value(1,"
Safeperiod"
),//的Values
Cap"
),//但是Array函数内要每个Values都调用
newpie_value(3,"
Injection"
),//调用pie_value
newpie_value(4,"
Withdrawal"
),//函数内部第一个数值为实际参数量
newpie_value(5,"
IUD"
),//第二个字符串标示片段名称
newpie_value(19,"
Condom"
),
newpie_value(21,"
Sergical"
None"
newpie_value(27,"
Pill"
)
$pie=newpie();
$pie->
alpha(0.7)//Alpha定义mouseover时的alpha量
->
start_angle(0)//图示出现启动角度
tooltip('
Radius:
#radius#'
)//mouseover的鼠标跟随提示
->
colours(array("
#d01f3c"
#356aa0"
#C79810"
))//饼图的颜色,并以数组内数值为
values($d)//带入表值
radius(50);
//表盘大小
add_element($pie);
set_bg_colour('
#202020'
//背景颜色
RadarChart(notfinish)
//teethgrinder.co.uk/open-flash-chart-2/radar-chart.php
使用Rader图表必须加载如下文件
php-ofc-library/ofc_sugar.php
$chart
open_flash_chart();
set_title(
title(
Radar
Chart'
)
$area
area();
//
set
the
circle
line
width:
set_width(
1
//设置线的宽度
set_default_dot_style(
s_hollow_dot('
#45909F'
5)
设置点
set_colour(
//设置线颜色
set_fill_colour(
//中心区域颜色
set_fill_alpha(
0.4
//中心区alpha值
set_loop();
//必须设置
set_values(array(3,
4,
5,
3,
2.5));
//设置数值
add
area
object
to
chart:
add_element(
$r
radar_axis(
5
$r->
#EFD1EF'
set_grid_colour(
$labels
radar_axis_labels(
array('
0'
'
1'
2'
3'
4'
5'
//设置轴向单位
$labels->
#9F819F'
set_labels(
set_radar_axis(
$tooltip
tooltip();
$tooltip->
set_proximity();
set_tooltip(
set_bg_colour(
#DFFFEC'
echo
RadarChartLines(notfinish)
//teethgrinder.co.uk/open-flash-chart-2/radar-chart-lines.php
X轴向坐标
X轴坐标单位项
系统会自动拾取到X轴向的线性最大值。
也就是说他可以拾取到给定值的最大的范围,但是X轴单位坐标则需要自己制定。
$x=newx_axis();
//设定X轴向实例
$x->
set_steps
(2);
//设定每隔几个单位做一个标示
set_x_axis($x);
//将X轴向作用于这个表实例
X轴标签(Xlabels)
在X轴向上显示标签标示,采用
$x_labels=newx_axis_labels();
$x_labels->
//输出频度
set_vertical();
#A2ACBA'
//标签线颜色
set_labels($year);
//标签颜色
set_grid_colour('
#D7E4A3'
set_offset(false);
set_steps(4);
//AddtheXAxisLabelstotheXAxis
set_labels($x_labels);
//X轴标签项必须加载X轴表项标签才能使用
X轴示标
$x_legend=newx_legend('
JuetoDec'
$x_legend->
set_style('
{font-size:
20px;
color:
#778877}'
set_x_legend($x_legend);
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Open Flash Chart 20 指引v100 指引 v100