1. 描述
在各部门反馈情况饼图中,点击不同的部门跳转到不同的报表,如下图:
2. 思路
通过图表的超级链接-JavaScript,获取图表参数系列名称,判断系列名称,打开不同的报表。
3. 示例
3.1 数据集
新建普通报表,添加内置数据集,如下图所示:
3.2 模板设置
合并单元格,选择插入图表—饼图—等弧度玫瑰图,数据属性配置如下:
3.3 添加超级链接
在特效—交互属性中,添加超级链接-JavaScript,如下图所示:
在 JavaScript 窗口右上角的参数界面添加一个参数 series,参数值选择系列名称,并添加代码:
注:若是要根据饼图的分类名判断,则将参数值设置为分类名即可。
代码如下:
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'为对话框形式打开超链接
4. 已完成模板
已完成模板可参考:
%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\各部门反馈情况.cpt,点击下载模板
%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\利润分析.cpt,点击下载模板
%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\销售情况.cpt,点击下载模板