获取Cognos10图表上的焦点

最新推荐文章于 2025-11-26 17:11:00 发布

原创最新推荐文章于 2025-11-26 17:11:00 发布 · 138 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #java #ViewUI

Java 专栏收录该内容

8 篇文章

订阅专栏

本文详细解析了JavaScript中如何通过`addPillarClick()`函数实现图表立柱的点击事件处理，包括事件捕获、自定义提示文本处理、以及与Web页面的交互。还介绍了如何通过部署脚本至Tomcat服务器来引用该脚本。

function addPillarClick()
   {
      // 获取所有立柱
      var areaObjs = document.getElementsByTagName('area');
      var titleTemp = undefined;
      var titleArray = undefined;
 
      for(var i = 0; i < areaObjs.length; i++) 
      {
    	 var type = areaObjs[i].getAttribute("type");
         if ("chartElement" == type || "ordinalAxisLabel" == type)
         {
             addClick(areaObjs[i]);   
         }
      }
   }
function innerClick(event){
	var e = event || window.event;
	var obj = e.srcElement || e.target;
	var temp_title = obj.getAttribute("title");
	if(temp_title.length>32 && temp_title.substring(temp_title.length-1)=="%"){
		return;
	}
          var subStr = temp_title.substring(temp_title.indexOf("%")-2,temp_title.indexOf("%"));
          var index = parseInt(subStr)/10+1;
          alert(subStr);
          alert(index);
       //和web页面负责交互
       /*  if(parent){
          if(parent.parent){
	  parent.parent.drillToPart(index);
         }
       }*/

}

    function addClick(areaObjs)
    {
	areaObjs.onfocus = function(){this.blur();};
    	var temp_title = areaObjs.getAttribute("title");
    	if(temp_title==null || temp_title == "" || temp_title.length>32 && temp_title.substring(temp_title.length-1)=="%"){
		return;
	}   		
           if(window.addEventListener){
        		//fireFox
		areaObjs.style.cursor = "pointer";
            	areaObjs.addEventListener('click',innerClick, true);  
        	}else if(window.attachEvent){  
        		//IE
                     areaObjs.style.cursor = "hand";

		areaObjs.href = "javascript:void(0);";
        		areaObjs.attachEvent('onclick', innerClick);  
        	}
    }
   
   addPillarClick();

还可以通过下面的方法：将脚本部署到一个Tomcat服务器上，这块引用脚本即可