表格制作软件FineReport教程:[16]图表链接
图表链接可以是单个模板中的图表超链,也可以是模板与模板中的图表链接即热点连接。下面就通过表格制作软件FineReport来简单介绍一下。
工具/原料
大小:148.2M 适用平台:windows/linux
表格制作软件FineReport7.1.1
图表热点链接(图表钻取)
1、概述如下图,FR中图表也可以进行无限层次的热点链接,进行数据的钻取:
![表格制作软件FineReport教程:[16]图表链接](https://exp-picture.cdn.bcebos.com/983aa5f4da5872dabc2cbfbc0056ad042f68d4f8.jpg)
图表联动
1、问题描述图表联动:单个模板的图表超链功能,可让用户在同一页面中查看多张关联的图表,实现图表联动的效果,这种联动是自动的,不需重新刷新整个页面,如下图:
![表格制作软件FineReport教程:[16]图表链接](https://exp-picture.cdn.bcebos.com/d47cb624d8e9ccd2d4038fea0e40102a05e2c9f8.jpg)
4、单元格子图表设计再选中一片区域,合并单元格。在菜单栏中,选择插入>单元格元素>插入图表,图表类型选择折线图,图表数据来源于数据集数据,数据集为ds2,分类轴为Prov足毂忍珩ince,系列名使用字段值,系列名称为Month,系列值为Amout,汇总方式为求和,如下图:
![表格制作软件FineReport教程:[16]图表链接](https://exp-picture.cdn.bcebos.com/35fa07efa25f0c14bc1e0c310d89a146b6b138f9.jpg)
7、添加悬浮联动图表在添加一个图表超链-联动悬浮元素,选择悬浮图表FloatChart,同样添加参数month,参数值为分类名。
![表格制作软件FineReport教程:[16]图表链接](https://exp-picture.cdn.bcebos.com/3d002dbad341037d6a5217c5a9bc7dc5ce672df9.jpg)
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,具体数据源设置如下图:
![表格制作软件FineReport教程:[16]图表链接](https://exp-picture.cdn.bcebos.com/b442d6d246fe474e5be6ed0cb0ef354f51b81ff9.jpg)
5、饼图
![表格制作软件FineReport教程:[16]图表链接](https://exp-picture.cdn.bcebos.com/cf6d451b1edef4dc0a5ccdac45ecd3d968750cf9.jpg)
7、地区参数的控件类型选择下拉框,数据字典设置如下图:将销售员和产品类型的控件以及标签设置为不可见,将销售员和产品类型两个参数的控件添加上去主要是为了在预览一次报表之后,重新选择地区时,可以重置销售员和产品类型两个参数。
![表格制作软件FineReport教程:[16]图表链接](https://exp-picture.cdn.bcebos.com/059057299a8839135280325d26bcbe2f46707cf9.jpg)
2、模板设计打开模板:%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Advanced\chart\RelateChart.cpt将两个子图表删除掉。
3、添加悬浮窗图表选中图表,选择图表属性表-特效>交互属性,点击超级链接下的“+”,添加一个图表超链-悬浮窗图表,定义窗口标题及大小,如下图:
![表格制作软件FineReport教程:[16]图表链接](https://exp-picture.cdn.bcebos.com/03605157935653bb3f45ba481d0b3121046171f9.jpg)
5、点击图表数据,图表数据来源于数据集数据,数据集为ds2,分类轴为Province,系列设置选择字段值作为系列名称,系列名称为Month,系列值为Amout,汇总方式为求和。
![表格制作软件FineReport教程:[16]图表链接](https://exp-picture.cdn.bcebos.com/54a89daee8d7592a328a3ecb9f31dfb6336c67f9.jpg)