根据图表分类或系列不同钻取到不同的报表----使用js

1. 描述

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

2. 思路

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

3. 示例

3.1 数据集

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

根据图表分类或系列不同钻取到不同的报表----使用js_第1张图片

3.2 模板设置

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

根据图表分类或系列不同钻取到不同的报表----使用js_第2张图片

3.3 添加超级链接

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

根据图表分类或系列不同钻取到不同的报表----使用js_第3张图片
在 JavaScript 窗口右上角的参数界面添加一个参数 series,参数值选择系列名称,并添加代码:

根据图表分类或系列不同钻取到不同的报表----使用js_第4张图片

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

代码如下:

 

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 传递中文参数。

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

 

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';
}
FR.doHyperlinkByGet({url:url,feature:'width=700,height=450,',title:'主页',target:'_dialog'}); //在对话框打开报表

代码说明: 

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

你可能感兴趣的:(finereport,finereport)