表格制作软件FineReport教程：[16]图表链接

图表链接可以是单个模板中的图表超链，也可以是模板与模板中的图表链接即热点连接。下面就通过表格制作软件FineReport来简单介绍一下。

工具/原料

大小：148.2M 适用平台：windows/linux

表格制作软件FineReport7.1.1

图表热点链接(图表钻取)

1、概述如下图，FR中图表也可以进行无限层次的热点链接，进行数据的钻取：

2、实现思路实现图表的热点钻取，钻取几层急需要几张图表，上一层图表在图表超级链接处将参数传递给下一层图表，下一层模板通过一样的参数名接收参数值，实现数据过滤，并将过滤后的数据作为图表的数据源即可。

3、模板沼敫裣秤准备主报表：%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Adva荏鱿胫协nced\chart\hy1.cpt，07、08年各地区销售统计图；子报表：%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Advanced\chart\hy2.cpt，通过参数province、year筛选出某地区某年1-9月的销售情况。其中点击主报表时会将相应的地区与年份传递给子报表的province、year参数。注：前面已经介绍过各种图表的制作方法，这里hy1和hy2两张模板的制作方法就不再赘述。

4、图表链接设置打开主表，选中其中的图表，点击图表工具栏中的图表属性表-特效>交互属性，添加一个侥馑孰幻超级链接至网络报表，选择子报表，并给超级链接重命名模板hy2。将当前分类值（地区）和系列值（年份）传递给子表hy2的province、year参数，如下图：注：超级链接可以重命名，当有多个超级链接时，可直观的从名字上看出该超级链接的链接的目的地，名字可以为空，为空即表示使用默认名称。

图表联动

1、问题描述图表联动：单个模板的图表超链功能，可让用户在同一页面中查看多张关联的图表，实现图表联动的效果，这种联动是自动的，不需重新刷新整个页面，如下图：

2、数倌栗受绽据集设计新建工作簿，添加数据集ds1，SQL语句为：SELECT * FROM Sales_Car；添加数据集ds2，SQL傥态尬锪语句为：SELECT * FROM Sales_Car where month ='${month}'，给参数month设置默认值为1月。注：这边参数的值将从图表链接处传过来。

3、图表设计主图表设计选中一边区域单元格，合并单元格。在菜单栏中，选择插入>单元格元素>插入图表，图表类型选择柱形图，使用数据集数据，设置如下图：

4、单元格子图表设计再选中一片区域，合并单元格。在菜单栏中，选择插入>单元格元素>插入图表，图表类型选择折线图，图表数据来源于数据集数据，数据集为ds2，分类轴为Prov足毂忍珩ince，系列名使用字段值，系列名称为Month，系列值为Amout，汇总方式为求和，如下图：

5、悬浮元素子图表设计在菜单栏中，选择菜单>悬浮元素>插入图表，选择面积图，图表的数据与单元格子图表设计相同。右击该悬浮图表，点击设置悬浮元素名称修改名称为FloatChart。

6、图表联动设置添加单元格联动图表选中主图表，选择图表属性设置-特效>交互属性，点击超级链接，添加一个图表超链-联动单元格，选择图表所在单元格，并传递参数month，参数值选择分类名：

7、添加悬浮联动图表在添加一个图表超链-联动悬浮元素，选择悬浮图表FloatChart，同样添加参数month，参数值为分类名。

图表联动之三个图表的联动

1、上一节中介绍了图表联动的实现过程，即点击图表1，图表2和图表3显示图表1的关联数据，那么如果要实现点击图表1，图表2显示图表1的关联数据，接着点击图表2，图表3显示图表2的关联数据又该如何实现呢，如下图，下面详细介绍该功能的实现步骤。

2、数倌栗受绽据准备新建3个数据集作为3张图表的数据源。ds1：SELECT * FROM [销量] where 1=1 ${if(len烫喇霰嘴(地区)==0,"","and 地区='"+地区+"'")}ds2：SELECT * FROM [销量] where 1=1 ${if(len(地区)==0,"","and 地区='"+地区+"'")} ${if(len(销售员)==0,"","and 销售员='"+销售员+"'")}ds3：SELECT * FROM [销量] where 1=1 ${if(len(地区)==0,"","and 地区='"+地区+"'")} ${if(len(销售员)==0,"","and 销售员='"+销售员+"'")} ${if(len(产品类型)==0,"","and 产品类型='"+产品类型+"'")}

3、图表设置数据源设置新建3张图表，柱形图、饼图、折线图，其数据源分别为ds1，ds2和ds3，具体数据源设置如下图：

4、交互属性设置点击柱形图时，需要将柱形图的分亿姣灵秀类轴传递给饼图，作为饼图数据源和折线图数据源的一个参数值，点击饼图时，需要将饼图的系列名传递给折线图作为折线图数据源的参数值，如果类似图表联动中的是两个图表之间的相互关联，则直接使用超级链接-联动单元格，但是此处折线图需要接收来自柱形图的分类轴值，而折线图却不是和柱形图联动，所以无法直接使用超级链接-联动单元格，我们可以使用超级链接中的动态参数，点击柱形图或饼图的时候，动态的给参数赋值，并且参数值一直存在，设置如下图：柱形图

5、饼图

6、参数界面设置如最上面的效果图，切换到参数设计界面，点击右侧下方面板的全部添加，将参数全部添加到参数面板中，如下图：

7、地区参数的控件类型选择下拉框，数据字典设置如下图：将销售员和产品类型的控件以及标签设置为不可见，将销售员和产品类型两个参数的控件添加上去主要是为了在预览一次报表之后，重新选择地区时，可以重置销售员和产品类型两个参数。

点击图表后在对话框中显示子图表

1、问题描述点击某张图表时，将明细图表以弹出框的方式显示出来，而不需再打开一个网页，如下图：注：悬浮的图表可以设置悬浮窗图的标题，以及悬浮窗的长和宽，并且悬浮框中的图表会自适应悬浮框的大小。

2、模板设计打开模板：%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Advanced\chart\RelateChart.cpt将两个子图表删除掉。

3、添加悬浮窗图表选中图表，选择图表属性表-特效>交互属性，点击超级链接下的“+”，添加一个图表超链-悬浮窗图表，定义窗口标题及大小，如下图：

4、点击管理图表类型，选择折线图，如下图：

5、点击图表数据，图表数据来源于数据集数据，数据集为ds2，分类轴为Province，系列设置选择字段值作为系列名称，系列名称为Month，系列值为Amout，汇总方式为求和。