ASFlow流程开发指南

合集下载

相关主题

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

1 Action Script Flow 说明
1.1 简介
Action Script Flow(以下简称为 ASFlow)流程定义展示工具是基于 AS3 语言开发的 RIA 应用。

利用 AS3 语言编写形成一组可以重复利用的对象库。

通过已经编写好的主程序配合相应的配置文件可以生成服务于应用的执行展示结果。

开发一个 ASFlow 的应用开发人员可以不要关心流程展示的原理,只需根据展示的需要灵活的定制一个 Follow 配置文件，发布到 follow 文件目录下.同时为 Follow 文件指定一个 Data 文件，多个 Follow 可以共用一个 Data 文件,也就是说一个 Data 文件可以被多个 Follow 文件展示成多个展示样式。

1.2 技术概要
ASFlow应用需要的Follow和Data文件的格式均要求按照如下格式进行定义。

分为标头部分和标体部分,形如:
<root>
<head>
……
</head>
<body>
……
</body>
</root>
Follow 文件配置在 follow 文件目录下， Data 文件配置在 data 文件目录下，Images 文件配置在 images 文件目录下。

2 开发技术指南
2.1 配置文件元素
2.1.1 Head 流程图头部分
2.1.1.1title
2.1.1.1.1定义说明
本元素定义了工作流程图所要展示的标题信息和样式。

2.1.1.1.2要素属性
属性说明
Id 唯一标识
style 定义 Flow 的标题展示样式,其样式属性内容可包括如下: @font:字体定义
@size:字体大小
@color:字体颜色(如 0x003366)
@x:横坐标
@y:纵坐标
@width:宽度
@height:高度
2.1.1.1.3子元素
无
2.1.1.1.4书写范例
<title style=”{font: 黑体;size:20px;color:0x003366;x:150;y:20;width:200;
height:30}”>标准配置测试图</title>
2.1.1.2datasouce
2.1.1.2.1定义说明
定义 Flow 展示流程文件中的 datasouce 数据源部分信息。

可以使用 file 模式配置本流程图对应的 XML 文件，http 模式配置本流程图对应的数据 XML 产生页面。

2.1.1.2.2要素属性
无
2.1.1.2.3子元素
无
2.1.1.2.4书写范例
<datasouce>./data/wdzyDES.xml</datasouce>
2.1.1.3sketchs
2.1.1.
3.1定义说明
定义 Flow 展示流程文件中的 sketchs 示例展示信息及展示的样式和区域。

2.1.1.
3.2要素属性
属性说明
id 唯一标识
style 展示样式,其样式属性内容可包括如下:
@color:字体颜色(如 0x003366)
@x:横坐标
@y:纵坐标
@width:宽度
@height:高度
title 显示的中文信息
space 如果图片选择使用柱状图展示,本值将定义每个柱的间隔大小,数值
2.1.1.
3.3子元素
子元素说明
sketch sketch 子元素部分,可以支持多个
@color:示例颜色
2.1.1.
3.4书写范例
<sketchs
style="{x:20;y:600;width:200;height:60;color:0xffffff}" title="参看样例" space="2">
<sketch color="0xffffb8">新增作业量</sketch>
<sketch color="0x33ccff">已处理作业量</sketch>
<sketch color="0xff7c80">待处理作业量</sketch>
<sketch color="0x82bca6">超时作业量</sketch>
</sketchs>
2.1.1.4timer
2.1.1.4.1定义说明
Flow 工作流程图配置定时更新器总时限，值 1000 表示 1 秒。

2.1.1.4.2要素属性
无
2.1.1.4.3子元素
无
2.1.1.4.4书写范例
<timer>10000</timer> //表示总时限 10 秒钟
2.1.1.5animation
2.1.1.5.1定义说明
Flow 工作流程图如果使用了柱状动画进行展示时需要配置本属性,其主要负责管理柱状动画展示控制。

2.1.1.5.2要素属性
属性说明
activityTime 每次动画活动周期，时间,1000 表示 1 秒，本值必须
以千位
activityCount 每次动画活动周期中桢频，小于等于 activityTime，建议均使用 10 的整数倍
idlingTime 每次动画过程的静止时间,1000 表示 1 秒，本值必须以千位单位
changeValue 值为 0 时柱图值变化，为 1 时柱图值不变化 repetitionTime 每组动画展示次数,每组动画指得是 activityTime 和 idlingTime 总时间
注: (activityTime+idlingTime)*repetitionTime 必须小于等于 timer
2.1.1.5.3子元素
无
2.1.1.5.4书写范例
<animation activityTime="1000" activityCount="10" idlingTime="5000" changeValue="1" repetitionTime="5"/>
2.1.1.6time
2.1.1.6.1定义说明
Flow 工作流程图配置更新时间显示区,配置了本元素后,解析执行文件会自动查找出数据文件配置的time时间数据并跟进定义的样式进行展示.
2.1.1.6.2要素属性
属性说明
id 每次动画活动周期，时间,1000 表示 1 秒，本值必须以千位
style @font:字体定义
@size:字体大小
@color:字体颜色(如 0x003366)
@x:横坐标
@y:纵坐标
@width:宽度
@height:高度
2.1.1.6.3子元素
无
2.1.1.6.4书写范例
<time style="{font: 宋体 ;size:12;color:0x95b833;x:800;y:50;width:180;height:40}" id="time"></time>
2.1.1.7style
2.1.1.7.1定义说明
Flow 工作流程图配置辅助的全局属性定义信息内容,可定义的信息保留全局配景颜色或者全局背景图片.
2.1.1.7.2要素属性
无
2.1.1.7.3子元素
子元素说明
img 全局背景图片,路径应该在 iamge 文件中,可支持 swf,jsp,png,gif 格式
bgColor 背景颜色定义,如 0x494949
2.1.1.7.4书写范例
<style>
<img>./images/ok.jsp</img>
<bgColor>0x494949</bgColor>
</style>
2.1.2 Body 流程图体部分
2.1.2.1node
2.1.2.1.1定义说明
Flow工作流程图配置流程节点要素.node元素需要被nodes的父级节点所包含方能正常使用.
2.1.2.1.2要素属性
属性说明
title 节点展示的标题,必须输入且唯一
msg 节点展示提示的msg信息,如果msg信息为空浮动提示不展示
type 节点的类型:
l startNode 开始节点三角形
l showNode展示节点矩形
l inputNode 输入节点圆角矩形
l controlNode 控制节点椭圆形
l judgeNode判读节点菱形
l endNode 结束节点圆形
l imageNode 图片节点根据导入图片
style fond:字体
size:字体大小
x:横坐标
y:纵坐标
width:宽度
height:高度
color:节点字体颜色 0xffffff
bg-color:背景颜色 0xec4b1f
border:是否展示边线.true/false
border-size:边线宽度
border-color:边线颜色 0xec4b1f
wrap:是否进行文字折行.true/false
img imageNode 图片节点专用的图片路径。

可以是 gif,jpg,swf
radius endNode 结束节点专用的半径长度
subfollow 转调下一个节点的属性.只有 showNode、 controlNode、
endNode和imageNode有,配置的是下个follow文件路
径名称
2.1.2.1.3子元素
子元素说明
dataset 结果数据展示区域配置元素,参考 dataset 元素说明
2.1.2.1.4书写范例
<node type="showNode" nodeStyle="{x:5;y:400;width:80;height:40;
color:0xffffff;bg-color:0xec4b1f;border:true}" title="客户端请求" msg="客户端请求">

</node>
2.1.2.2dataset
2.1.2.2.1定义说明
Flow 工作流程图配置流程节点要素数据集绑定要素,在 node 元素中绑定dataset元素,dataset元素自动使用id在数据文件匹配dataset 的相同 id 的数据
2.1.2.2.2要素属性
属性说明
title dataset 展示的标题,必须输入且唯一,
msg 节点展示提示的msg信息,如果msg信息为空浮动提示不展示
souce 匹配数据文件中数据集 id 与本域相同的数据
type 图表展示样式定义.值 pie 时表示饼图。

histogram 时表示柱状图，默认值为柱状图
style x:横坐标
y:纵坐标
width:宽度
height:高度,饼图时建议 width=height
bg-color:背景颜色
color:注释信息颜色
rowWidth type 为 histogram柱状图时可定义的每个柱体宽度
2.1.2.2.3子元素
子元素说明
data 提取数据文件中 souce 对应的数据集中被指定的 data 数据用于展示,详细见 data 元素说明
2.1.2.2.4书写范例
<dataset souce="kpi_w03n301.DES"
tyle="{x:300;y:100;width:60;height:100;bg-color:0x00CC00;co lor:0xFFFF00}" title="WebServer1_data" msg="WebServer1_data" rowWidth="15">

</dataset>
2.1.2.3data
2.1.2.
3.1定义说明
Flow工作流程图配置元素data.其为 dataset元素的子元素,在流程
图中所起的作用是筛选数据文件中相同 data 展示数据用于图形报表展示.
2.1.2.
3.2要素属性
属性说明
id 数据文件对应的项
sketch 对应头配置部分的sketchs子元素sketch样例图定义的值
isNull 是否显示空值,0 不显示,1 显示为空值,必输项
2.1.2.
3.3子元素
无
2.1.2.
3.4书写范例
<dataset souce="kpi_w03n301.DES" style="{x:300;y:100;width:60;height:100;
bg-color:0x00CC00;color:0xFFFF00}" title="WebServer1_data" msg="WebServer1_data" rowWidth="15">
<data sketch=" 新增作业量 " id="W03N301K01" isNull="0"></data>
<data sketch=" 已处理作业量 " id="W03N301K02"
isNull="0"></data>
<data sketch=" 待处理作业量 " id="W03N301K03" isNull="0"></data>
<data sketch=" 超时作业量 " id="W03N301K04" isNull="0"></data>
</dataset>
2.1.2.4line
2.1.2.4.1定义说明
Flow 工作流程图配置流程节点要素 line 元素需要被 lines 的父级节点所包含方能正常使用.其定义的是在流程图中各个线条的展示.每个线条可以支持多个拐点.
2.1.2.4.2要素属性
属性说明
title 线条上要展示的线标题
msg 线条注释信息
type 线类型值 dashed 为虚线，realLine 为实线
color 线条颜色
size 线条宽度
arrowhead 箭头信息定义,single 单箭头，double 双箭头 nodeStyle 线条信息样式,定义 title 信息展示的位置等
font:字体
size:字体大小
color:字体颜色 0x95b833
x:横坐标
y:纵坐标
width:宽度
height:高度
2.1.2.4.3子元素
子元素说明
point 拐点定义，至少要两个
@x:横坐标
@y:纵坐标
2.1.2.4.4书写范例
范例一:双箭头实直线
<line type="realLine" title="" msg="" color="0xb9b9b9" size="2"
arrowhead="double">
<point x="85" y="410"></point>
<point x="145" y="410"></point>
</line>
范例二:单箭头需折线
<line type="dashed" title="" msg="" color="0xb9b9b9" size="2" arrowhead="single">
<point x="645" y="575"></point>
<point x="590" y="575"></point>
<point x="400" y="340"></point>
</line>
2.2 数据文件元素
2.2.1 Head 数据文件头部分
2.2.1.1id
2.2.1.1.1定义说明
本元素定义了工作流程图所对应的数据文件唯一标识
无
2.2.1.1.3子元素
无
2.2.1.1.4书写范例
<head>
<id>文档作业部 NBS 作业流量实时监控流程图</id>
<time>2008-6-2 22:55:00</time>
</head>
2.2.1.2time
2.2.1.2.1定义说明
本元素定义了工作流程图定义的更新时间元素所对应的展示数据
2.2.1.2.2要素属性
无
无
2.2.1.2.4书写范例
<head>
<id>文档作业部 NBS 作业流量实时监控流程图</id>
<time>2008-6-2 22:55:00</time>
</head>
2.2.2 Body 数据文件体部分
2.2.2.1dataset
2.2.2.1.1定义说明
本元素定义了数据文件的数据集,数据集中包含了各个数据值, 提供给流程配置文件定义的展示报表使用并进行数据展示.其必须保函在 datasets 元素下,每个数据文件只能包含一个 datasets 元素,datasets 元素下可以包含多个数据集 dataset.
2.2.2.1.2要素属性
属性说明
id 定义数据文件中数据集的唯一标识,同一个数据文件
内不得重复
2.2.2.1.3子元素
子元素说明
data 数据文件中每个数据集中的数据,元素需要设定值,可以支持空值
@id:数据集中数据的唯一标识,一个数据集中不得重复
2.2.2.1.4书写范例
<body>
<datasets>
<dataset id="kpi_w03n302.DES">
<data id="W03N302K01">100</data>
<data id="W03N302K02">156</data>
<data id="W03N302K03">76</data>
<data id="W03N302K04" />
<data id="W03N302K05">100</data>
</dataset>
</datasets>
</body>
2.3 范例
2.3.1 Follow 流程图文件定义
<?xml version="1.0" encoding="UTF8"?>
<root>
<! 配置头部分 >
<head>
<!
title流程图主题部分
属性style，包含如下信息
@font:字体定义
@size:字体大小
@color:字体颜色(如0x003366)
@x:横坐标
@y:纵坐标
@width:宽度
@height:高度
属性id
例子:<title style="{font:黑
体;size:20px;color:003366;x:150;y:20;width:200;height:30}">标准配置测试图</title>
>
<title style="{font:宋
体;size:28;color:0x95b833;x:150;y:50;width:500;height:40}">文档作业部DES作业流量实时监控流程图</title>
<!
datasouce数据源部分
file配置本流程图对应的XML文件,http配置本流程图对应的数据XML 产生页面
>
<datasouce>./data/wdzyDES.xml</datasouce>
<!
sketchs示例部分
属性style，包含如下信息
@color:字体颜色(如0x003366)
@x:横坐标
@y:纵坐标
@width:宽度
@height:高度
属性title，显示的中文信息
属性space，柱状体展示的间隔
属性id
sketch子元素部分
@color:示例颜色
>
<sketchs
style="{x:100;y:400;width:200;height:60;color:0xffffff}" title="
参看样例" space="2">
<sketch color="0xffffb8">新增作业量</sketch>
<sketch color="0x33ccff">已处理作业量</sketch>
<sketch color="0xff7c80">待处理作业量</sketch>
<sketch color="0x82bca6">超时作业量</sketch>
<sketch color="0xccffff">在线人力</sketch>
</sketchs>
<!
timer定时更新器
值1000表示1秒。

以下表示10秒
>
<timer>300000</timer>
<!
animation柱状图动画控制
activityTime:每次动画活动周期，时间,1000表示1秒，本值必须以千位
activityCount：每次动画活动周期中桢频，小于等于 activityTime，建议均使用10的整数倍
idlingTime：每次动画过程的静止时间,1000表示1秒，本值必须以千位单位
changeValue: 值为0时柱图值变化，为1时柱图值不变化
且activityTime+idlingTime必须小于等于timer
>
<animation activityTime="1000" activityCount="10"
idlingTime="1000" changeValue="1" repetitionTime="5"/>
<!
time更新时间显示区
属性style，包含如下信息
@font:字体定义
@size:字体大小
@color:字体颜色(如0x003366)
@x:横坐标
@y:纵坐标
@width:宽度
@height:高度
属性id
>
<time style="{font:宋
体;size:12;color:0x95b833;x:800;y:50;width:180;height:40}"
id="time"></time>
<!
style辅助样式定义
img:背景图片定url
bgColor：背景颜色定义(如0x003366)
>
<style>
<img></img>
<bgColor>0x494949</bgColor>
</style>
</head>
<!
配置体部分
>
<body>
<!
nodes节点配置部分
>
<nodes>
<!
node 节点定义
@type:
startNode开始节点三角形
showNode展示节点矩形
inputNode输入节点圆角矩形
controlNode控制节点椭圆形
judgeNode判读节点菱形
endNode结束节点圆形
imageNode图片节点根据导入图片
@nodeStyle:
fond:字体
size:字体大小
x:横坐标
y:纵坐标
width:宽度
height:高度
color:节点字体颜色0xffffff
bgcolor:背景颜色0xec4b1f
border:是否展示边线.true/false
bordersize:边线宽度
bordercolor:边线颜色0xec4b1f
wrap:是否进行文字折行.true/false
@title:
展示文本信息
@msg:辅助信息
@img:imageNode图片节点专用的图片路径。

可以是
gif,jpg,swf
@radius:endNode结束节点专用的半径长度
@subfollow:转调下一个节点的属性.只有showNode、 controlNode、endNode和imageNode有,配置的是下个follow文件路径名称 >
<node type="showNode"
nodeStyle="{x:5;y:250;size:15;width:80;height:40;color:0xffffff;b gcolor:0xec4b1f;border:true}" title="投保书扫描" msg="投保书扫描"> </node>
<node type="showNode"
nodeStyle="{x:130;y:250;width:80;height:30;color:0x555555;bgcolo r:0xdfffff;border:true}" title="录入" msg="录入">
<!
dataset 数据集定义
@souce:数据文件中对应的数据集名称
@type:图表展示定义.值pie时表示饼图。

histogram时表示柱状图，默认值为柱状图
@style:数据图展示定义
x:横坐标
y:纵坐标
width:宽度
height:高度,饼图时建议width=height
bgcolor:背景颜色
color:注释信息颜色
@title:图标题信息
@msg:提示信息
@rowWidth:柱状图是定义的每个柱体宽度
>
<dataset souce="kpi_w03n301.DES"
style="{x:220;y:160;width:60;height:100;bgcolor:0x00CC00;color:0 xFF3300}" title="录入" msg="录入" rowWidth="15">
<!
data 数据项定义，本项为dataset的子集
@sketch:样例图定义的名字
@id:数据文件对应的项
>
<data sketch="新增作业量" id="W03N301K01"></data>
<data sketch="已处理作业量" id="W03N301K02"></data>
<data sketch="待处理作业量" id="W03N301K03"></data>
<data sketch="超时作业量" id="W03N301K04"></data>
<data sketch="在线人力" id="W03N301K05"></data> </dataset>
</node>
<node type="showNode"
nodeStyle="{x:310;y:250;width:80;height:30;color:0x555555;bgcolo r:0xdfffff;border:true}" title="辅核" msg="辅核">
</node>
<node type="showNode"
nodeStyle="{x:430;y:250;width:80;height:30;color:0x555555;bgcolo r:0xdfffff;border:true}" title="录入质检" msg="录入质检">
<dataset souce="kpi_w03n302.DES"
style="{x:540;y:160;width:60;height:100;bgcolor:0x00CC00;border: true;color:0xFF3300}" title="录入质检" msg="录入质检" rowWidth="15">
<data sketch="新增作业量" id="W03N302K01"></data>
<data sketch="已处理作业量" id="W03N302K02"></data>
<data sketch="待处理作业量" id="W03N302K03"></data>
<data sketch="超时作业量" id="W03N302K04"></data>
<data sketch="在线人力" id="W03N302K05"></data> </dataset>
</node>
<node type="showNode"
nodeStyle="{x:640;y:250;width:80;height:30;color:0x555555;bgcolo r:0xdfffff;border:true}" title="正常件" msg="正常件">
</node>
<node type="endNode"
nodeStyle="{x:820;y:240;color:0x555555;bgcolor:0xf8dcdf;border:t rue;wrap:false}" radius="25" title="核保审核" msg="核保审核">
</node>
<node type="showNode"
nodeStyle="{x:430;y:320;width:80;height:30;color:0x555555;bgcolo r:0xdfffff;border:true}" title="问题件" msg="问题件">
</node>
<node type="showNode"
nodeStyle="{x:430;y:390;width:80;height:30;color:0x555555;bgcolo r:0xdfffff;border:true}" title="DES质控" msg="DES质控">
<dataset souce="kpi_w03n303.DES"
style="{x:540;y:300;width:60;height:100;bgcolor:0x00CC00;border: true;color:0xFF3300}" title="DES质控" msg="DES质控" rowWidth="15">
<data sketch="新增作业量" id="W03N303K01"></data>
<data sketch="已处理作业量" id="W03N303K02"></data>
<data sketch="待处理作业量" id="W03N303K03"></data>
<data sketch="超时作业量" id="W03N303K04"></data>
<data sketch="在线人力" id="W03N303K05"></data> </dataset>
</node>
<node type="showNode"
nodeStyle="{x:640;y:390;width:80;height:30;color:0x555555;bgcolo r:0xdfffff;border:true;size:13;wrap:true}" title="问题件下发" msg="问题件下发">
<dataset souce="kpi_w03n304.DES"
style="{x:730;y:310;width:60;height:60;bgcolor:0x00CC00;border:t rue;color:0xFF3300}" title="问题件下发" msg="问题件下发" rowWidth="15" type="pie">
<data sketch="新增作业量" id="W03N304K01"></data>
<data sketch="已处理作业量" id="W03N304K02"></data>
<data sketch="待处理作业量" id="W03N304K03"></data>
<data sketch="超时作业量" id="W03N304K04"></data>
<data sketch="在线人力" id="W03N304K05"></data> </dataset>
</node>
<node type="endNode"
nodeStyle="{x:820;y:380;color:0x555555;bgcolor:0xf8dcdf;border:t rue}" radius="25" title="机构" msg="机构">
</node>
<node type="showNode"
nodeStyle="{x:810;y:480;width:80;height:30;color:0xffffff;bgcolo r:0xff6600;border:true}" title="问题件回销" msg="问题件回销"
subfollow="follow1">
<dataset souce="kpi_w03n305.DES"
style="{x:900;y:390;width:60;height:100;bgcolor:0xff6600;border: true;color:0xFF3300}" title="问题件回销" msg="问题件回销"
rowWidth="15">
<data sketch="新增作业量" id="W03N305K01"></data>
<data sketch="已处理作业量" id="W03N305K02"></data>
<data sketch="待处理作业量" id="W03N305K03"></data>
<data sketch="超时作业量" id="W03N305K04"></data> </dataset>
</node>
<!node type="imageNode"
nodeStyle="{x:520;y:400;color:0x555555;bgcolor:0xf8dcdf;border:t rue}" title="图片" msg="机构" img="logo.gif">
</node>
</nodes>
<!
lines流程线配置部分
>
<lines>
<!
line 线条信息定义,lines的子集
@type:线类型值dashed为虚线，realLine为实线
@title:线条上的线标题
@msg:注释信息
@color:线条颜色
@size:线条宽度
@arrowhead:表头信息定义,single单箭头，double双箭头
@nodeStyle:线条信息定义
font:字体
size:字体大小
color:字体颜色0x95b833
x:横坐标
y:纵坐标
width:宽度
height:高度
>
<line type="dashed" title="" msg="" color="0xb9b9b9" size="2" arrowhead="single">
<!
point 拐点定义，至少要两个
@x:横坐标
@y:纵坐标
>
<point x="85" y="265"></point>
<point x="130" y="265"></point>
</line>
<line type="dashed" arrowhead="single" title="" msg="" color="0xb9b9b9" size="2" nodeStyle="">
<point x="210" y="265"></point>
<point x="310" y="265"></point>
</line>
<line type="dashed" arrowhead="single" title="" msg="" color="0xb9b9b9" size="2" nodeStyle="">
<point x="390" y="265"></point>
<point x="430" y="265"></point>
</line>
<line type="dashed" arrowhead="single" title="" msg="" color="0xb9b9b9" size="2" nodeStyle="">
<point x="510" y="265"></point>
<point x="640" y="265"></point>
</line>
<line type="dashed" arrowhead="single" title="" msg="" color="0xb9b9b9" size="2" nodeStyle="">
<point x="720" y="265"></point>
<point x="820" y="265"></point>
</line>
<line type="dashed" arrowhead="single" title="" msg="" color="0xb9b9b9" size="2" nodeStyle="">
<point x="350" y="280"></point>
<point x="350" y="335"></point>
<point x="430" y="335"></point>
</line>
<line type="dashed" arrowhead="single" title="" msg="" color="0xb9b9b9" size="2" nodeStyle="">
<point x="470" y="280"></point>
<point x="470" y="320"></point>
</line>
<line type="dashed" arrowhead="single" title="" msg="" color="0xb9b9b9" size="2" nodeStyle="">
<point x="470" y="350"></point>
<point x="470" y="390"></point>
</line>
<line type="dashed" arrowhead="single" title="" msg="" color="0xb9b9b9" size="2" nodeStyle="">
<point x="510" y="405"></point>
<point x="640" y="405"></point>
</line>
<line type="realLine" arrowhead="single" title="测试线条" msg="测试线条" color="0xb9b9b9" size="2"
nodeStyle="{x:850;y:450;width:90;height:30;color:0xFFFFFF;size:12 }">
<point x="720" y="405"></point>
<point x="820" y="405"></point>
</line>
<line type="dashed" arrowhead="double" title="" msg="" color="0xb9b9b9" size="2" nodeStyle="">
<point x="850" y="430"></point>
<point x="850" y="480"></point>
</line>
</lines>
</body>
</root>
2.3.2 Data 流程数据文件定义
<?xml version="1.0" encoding="GB2312"?>
<root>
<head>
<id>文档作业部NBS作业流量实时监控流程图</id> <time>:200862 22:55:00</time>
</head>
<body>
<datasets>
<dataset id="kpi_w03n301.DES">
<data id="W03N301K01">180610</data>
<data id="W03N301K02">319121</data>
<data id="W03N301K03">72620</data>
<data id="W03N301K04">111000</data>
</dataset>
<dataset id="kpi_w03n302.DES">
<data id="W03N302K01">100</data>
<data id="W03N302K02">156</data>
<data id="W03N302K03">76</data>
<data id="W03N302K04" />
<data id="W03N302K05">100</data>
</dataset>
<dataset id="kpi_w03n303.DES">
<data id="W03N303K01">55</data>
<data id="W03N303K02">120</data>
<data id="W03N303K03">35</data>
<data id="W03N303K04">12</data>
<data id="W03N303K05"/>
</dataset>
<dataset id="kpi_w03n304.DES">
<data id="W03N304K01">12</data>
<data id="W03N304K02">34</data>
<data id="W03N304K03">10</data>
<data id="W03N304K04">5</data>
</dataset>
<dataset id="kpi_w03n305.DES">
<data id="W03N305K01">100</data>
<data id="W03N305K02">156</data>
<data id="W03N305K03">76</data>
<data id="W03N305K04">113</data>
<data id="W03N305K05">100</data>
</dataset>
<dataset id="kpi_w03n306.DES">
<data id="W03N306K01">100</data>
<data id="W03N306K02">156</data>
<data id="W03N306K03">76</data>
<data id="W03N306K04">113</data>
<data id="W03N306K05">100</data>
</dataset>
<dataset id="kpi_w03n307.DES">
<data id="W03N307K01">100</data>
<data id="W03N307K02">156</data>
<data id="W03N307K03">76</data>
<data id="W03N307K04">113</data>
<data id="W03N307K05">100</data>
</dataset>
<dataset id="kpi_w03n308.DES">
<data id="W03N308K01">100</data>
<data id="W03N308K02">156</data>
<data id="W03N308K03">76</data>
<data id="W03N308K04">113</data>
<data id="W03N308K05">100</data>
</dataset>
<dataset id="kpi_w03n309.DES">
<data id="W03N309K01">100</data>
<data id="W03N309K02">156</data>
<data id="W03N309K03">76</data>
<data id="W03N309K04">113</data>
<data id="W03N309K05">100</data>
</dataset>
<dataset id="kpi_w03n310.DES">
<data id="W03N310K01">100</data>
<data id="W03N310K02">156</data>
<data id="W03N310K03">76</data>
<data id="W03N310K04">113</data>
<data id="W03N310K05">100</data>
</dataset>
</datasets>
</body>
</root>
2.3.3 展示结果。