如何在统计图超链接里调用JavaScript函数
润乾报表的单元格和统计图中都可以设置超链接属性,原理是通过超链接打开一个新窗口(或者在本窗口打开),传参或调用JavaScript函数来完成相关的业务逻辑。本文介绍在统计图的超链接中如何调用JavaScript函数。
实现思路:
1. 在统计图中调用JavaScript函数
2. 页面中设置JavaScript函数来响应请求
第一步:在统计图raq文件中设置超链接
这里举例用润乾安装目录下的:\reportHome\webapps\demo\reportFiles\基础统计图\柱形图.raq):
其中,A4单元格为统计图所在的单元格,设置如下:
其中,A4单元格为统计图所在的单元格,设置如下:在统计图的设置中,分类轴和系列名称有两个内置固定的变量名@category和@legend,这两个参数无需定义,可以直接在统计图中使用。
显示外观栏中,在超链接的属性中加入:
JavaScript:show(’@legend’)
此JavaScript的功能是要点击获取到这个系列的值,并给出提示。
需要注意的是,这里的设置和单元格超链接属性的设置有一点不同,那就是在单元格超链接属性中加入JavaScript函数的时候,要把JavaScript函数用””号括起来,例如” JavaScript:show(’@legend’)”,这样才能被报表引擎正确解析,而在统计图中的超链接属性中不需要加””号,这点需要在设置的时候仔细检查,否则会导致不能正确调用JavaScript函数。
本例子想实现通过点击超链接在本窗口响应这个请求,所以,需要在超链接目标窗口这里设置:_self,表示目标窗口为其本身,详细的设置见下图:
第二步:在jsp中加入js函数:
<script language=”javascript”>
function show(legend,category){
alert(”点击图形的分类为”+”:”+ legend+”,其值为”+category);//弹出对话框,展示数据
}
</script>
第三步:在web页面中看一下最终的效果:
点击华北中的日用品系列后,效果如下:
在统计图中调用JavaScript函数,大大的增加了页面处理数据的灵活性。可以通过调用JavaScript函数,实现对报表数据进行筛选、钻取、传参等多种功能,让统计图中的数据通过调用JavaScript函数和实际应用更紧密的结合起来。