1.1 版本

1.2 应用场景

框架图体现了各个节点之间的上下级关系，用来表示组织层级关系，同时还能展示每个节点的的值，因此又可称之为层级关系图。

如下所示是三种图的最终展现效果及动画效果：

纵向框架图：

横向框架图：

发散框架图：

三种类型的框架图的样式设置方法相同，本节以纵向框架图为例。

2.1 数据准备

新建模板，添加内置数据集 File1，分别记录各部门层级关系和年假天数：

插入行，新增数据：

2.2 模板设置

以单元格图表为例，合并一片单元格，点击插入>单元格元素>插入图表，选择框架图-纵向框架图，如下图所示：

2.3 图表数据设置

选中图表，在右侧图表属性表中选择图表属性表-数据，如下图所示：

注：ID 和父 ID 的选择要注意，父 ID 是上级

2.4 图表样式设置

选择图表属性表-样式>系列，自定义系列配色和连线的颜色：

此处还可设置节点的半径、边框宽度和颜色（边框颜色可设置为系列色）：

2.5 模板预览

保存模板，点击分页预览，效果即如上纵向框架图。

已完成模板可参考

%FR_HOME%\webapps\webroot\WEBINF\reportlets\doc\Advanced\Chart\NewStructureFrame\VerticalStructureFrame.cpt

在线查看模板效果请点击：VerticalStructureFrame.cpt