如何在统计图超链接里调用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函数和您的实际应用更紧密的结合起来。