[新]根据图表分类或系列不同钻取到不同的报表

痛定思痛。 2021-10-29 10:12 282阅读 0赞

# 1. 描述 #

在各部门反馈情况饼图中，点击不同的部门跳转到不同的报表，如下图：

![aHR0cHM6Ly9oZWxwLmZpbmVyZXBvcnQuY29tL3VwbG9hZHMvMjAxOTAzLzE1NTE2Njk2MzRGcUlxSmRUYy5naWY][]

## 2. 思路 ##

通过图表的超级链接-JavaScript，获取图表参数系列名称，判断系列名称，打开不同的报表。

## 3. 示例 ##

### 3.1 数据集 ###

新建普通报表，添加内置数据集，如下图所示：

![aHR0cHM6Ly9oZWxwLmZpbmVyZXBvcnQuY29tL3VwbG9hZHMvMjAxOTAzLzE1NTE2Njk3NzZrdlVONGxTMy5wbmc][]

### 3.2 模板设置 ###

合并单元格，选择插入图表—饼图—等弧度玫瑰图，数据属性配置如下：

![aHR0cHM6Ly9oZWxwLmZpbmVyZXBvcnQuY29tL3VwbG9hZHMvMjAxOTAzLzE1NTE2Njk2OThqQmRhenAydC5wbmc][]

### 3.3 添加超级链接 ###

在特效—交互属性中，添加超级链接-JavaScript，如下图所示：

![aHR0cHM6Ly9oZWxwLmZpbmVyZXBvcnQuY29tL3VwbG9hZHMvMjAxODA3LzIwMTgwNzAzMTE1MTIzXzY5MTIucG5nP3ZlcnNpb249MSZtb2RpZmljYXRpb25EYXRlPTE1MDY2NzUwODMwMDAmYXBpPXYy][]  
在 JavaScript 窗口右上角的参数界面添加一个参数 series，参数值选择系列名称，并添加代码：

![aHR0cHM6Ly9oZWxwLmZpbmVyZXBvcnQuY29tL3VwbG9hZHMvMjAxOTA0LzE1NTU4Mzc0NDFXTWlySGFlSi5qcGc][]

注：若是要根据饼图的分类名判断，则将参数值设置为分类名即可。

代码如下：

var url = '';
    if (series == '财务部') /*判断系列名称为财务部*/ {
    url = '/webroot/decision/view/report?viewlet=doc/Advanced/Chart/利润分析.cpt';
    }
    if (series == '销售部') {
    url = '/webroot/decision/view/report?viewlet=doc/Advanced/Chart/销售情况.cpt';
    }
    window.open(FR.cjkEncode(url)); //在新标签页打开报表

代码说明：

window.open();  //在新标签页打开报表

FR.cjkEncode(URL)  //对 URL 中的中文进行编码转换，详细可参考 [Web 传递中文参数][Web]。

如需要在对话框中打开链接，可将 JS 代码修改为下面的：

代码说明：

FR.doHyperlinkByGet(\{url:url,feature:'width=700,height=450,',title:'主页',target:'\_dialog'\}); //FR.doHyperlinkByGet() 为超链接接口，target:'\_dialog'为对话框形式打开超链接

## 4. 已完成模板 ##

已完成模板可参考：

%FR\_HOME%\\webapps\\webroot\\WEB-INF\\reportlets\\doc\\Advanced\\Chart\\各部门反馈情况.cpt，[点击下载模板][Link 1]

%FR\_HOME%\\webapps\\webroot\\WEB-INF\\reportlets\\doc\\Advanced\\Chart\\利润分析.cpt，[点击下载模板][Link 2]

%FR\_HOME%\\webapps\\webroot\\WEB-INF\\reportlets\\doc\\Advanced\\Chart\\销售情况.cpt，[点击下载模板][Link 3]

[aHR0cHM6Ly9oZWxwLmZpbmVyZXBvcnQuY29tL3VwbG9hZHMvMjAxOTAzLzE1NTE2Njk2MzRGcUlxSmRUYy5naWY]: /images/20211029/ed9251488a27445f9dd881a1c8c65c3f.png
[aHR0cHM6Ly9oZWxwLmZpbmVyZXBvcnQuY29tL3VwbG9hZHMvMjAxOTAzLzE1NTE2Njk3NzZrdlVONGxTMy5wbmc]: /images/20211029/afd830076b2f428cbacb99be9d565262.png
[aHR0cHM6Ly9oZWxwLmZpbmVyZXBvcnQuY29tL3VwbG9hZHMvMjAxOTAzLzE1NTE2Njk2OThqQmRhenAydC5wbmc]: /images/20211029/1b3ffb70d232414094fa1bd701f9d3a3.png
[aHR0cHM6Ly9oZWxwLmZpbmVyZXBvcnQuY29tL3VwbG9hZHMvMjAxODA3LzIwMTgwNzAzMTE1MTIzXzY5MTIucG5nP3ZlcnNpb249MSZtb2RpZmljYXRpb25EYXRlPTE1MDY2NzUwODMwMDAmYXBpPXYy]: /images/20211029/6f8db3324e154e11944824b8e208d1b8.png
[aHR0cHM6Ly9oZWxwLmZpbmVyZXBvcnQuY29tL3VwbG9hZHMvMjAxOTA0LzE1NTU4Mzc0NDFXTWlySGFlSi5qcGc]: /images/20211029/1cd27ad219e149cd8d80e159f4384383.png
[Web]: http://help.finereport.com/doc-view-916.html
[Link 1]: http://www.finereporthelp.com:8021/download/FR10.0/10.0demo/doc/Advanced/Chart/%E5%90%84%E9%83%A8%E9%97%A8%E5%8F%8D%E9%A6%88%E6%83%85%E5%86%B5.cpt
[Link 2]: http://www.finereporthelp.com:8021/download/FR10.0/10.0demo/doc/Advanced/Chart/%E5%88%A9%E6%B6%A6%E5%88%86%E6%9E%90.cpt
[Link 3]: http://www.finereporthelp.com:8021/download/FR10.0/10.0demo/doc/Advanced/Chart/%E9%94%80%E5%94%AE%E6%83%85%E5%86%B5.cpt