报表知识库
我要提问

如何在统计图超链接里调用JavaScript函数

在润乾报表中,单元格和统计图中都可以设置超链接属性,原理是通过超链接打开一个新窗口(或者在本窗口),传参或调用JavaScript函数来完成相关的业务逻辑。那么在统计图中的超链接中如何调用JavaScript函数呢?

实现思路:

1. 在统计图中调用JavaScript函数

2. 页面中设置JavaScript函数来响应请求

第一步:在统计图raq文件中设置超链接

(这里举例用润乾安装目录下的:\reportHome\webapps\demo\reportFiles\基础统计图\柱形图.raq):

其中,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函数和您的实际应用更紧密的结合起来。