彩票走势图

详解FusionChart图表控件点击事件

原创|其它|编辑:郝浩|2012-10-25 14:22:16.000|阅读 3419 次

概述:本文介绍了FusionChart中点击事件的创建等,提供源码。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

(1)点击执行js

在页面中添加点击chart后需要触发的js事件:

<script>  
   function myJS(myVar){
      window.alert(myVar);
   }
</script> 

在拼写加载chart时使用的xml文件时,在<set value="1">中添加link='j-myJS-1,2';

其中,j代表调用的是js,myJS代表你前台页面上要调用的js方法名,1代表前台js方法myJS需要的参数。

在这里,我点击chart时需要获得category 的值:

  for(int j=0;j<commentChartList.size();j++){
   Project project = commentChartList.get(j);
   chartTitle.append("   <category label='"+ project.getShip_no() + "' /> ");
   chartDataSet.append("  <set value='"+project.getProgress_cnt()+"' /> ");
   chartOver.append("  <set value='"+StringUtil.checkNull(project.getClosed_cnt(),"0")+"' link='j-myJS-"+project.getShip_no()+"' /> ");
  }

效果如下:

详解FusionChart图表控件点击事件

2)点击跳转到新页面

在拼写加载chart时使用的xml文件时,在<set value="1">中添加link='test/index.html';

其中,"test/index.htm"为你需要跳转的页面目录

效果如下:

详解FusionChart图表控件点击事件

3)点击时在原页面上打开新页面

在拼写加载chart时使用的xml文件时,在<set value="1">中添加link='n-test/index.html';

其中,n代表在原页面上打开新页面,"test/index.htm"为你需要跳转的页面目录

效果如下:

详解FusionChart图表控件点击事件

4)点击后在Frame中显示页面

页面中Frame设置如下:

Html代码:

 <frameset rows="350,*" cols="*" frameborder="YES" border="1" framespacing="0">
      <frame src="FramePages/FrameChart.html" name="chartFrame" scrolling="NO" noresize >
      <frame src="FramePages/LowerFrame.html" name="detailsFrame" scrolling="Auto" noresize>
  </frameset>

在拼写加载chart时使用的xml文件时,在<set value="1">中添加link='F-detailsFrame-test/index.htm';

其中,F代表打开的是Frame,detailsFrame是需要加载的Frame名称,"test/index.htm"为你需要跳转的页面目录

效果如下:

详解FusionChart图表控件点击事件

5)点击整个chart作为热点

将整个chart作为一个热点,点击chart时打开新页面:

Xml代码

<chart caption='Monthly Sales Summary' subcaption='For the year 2006' xAxisName='Month' yAxisName='Sales' numberPrefix='$' clickURL='n-//www.infosoftglobal.com'>
   <set label='Jan' value='17400' />
   <set label='Feb' value='19800' />
   <set label='Mar' value='21800' />
   <set label='Apr' value='23800' />
   <set label='May' value='29600' />
   <set label='Jun' value='27600' />
</chart>

其中clickURL='n-//www.infosoftglobal.com'

(6)点击打开一个popup画面

在拼写加载chart时使用的xml文件时,在<set value="1">中添加
link='P-detailsPopUp,width=400,height=300,toolbar=no, scrollbars=no,resizable=no-_template/common/pop_search03.html'

其中P代表打开的是一个pop-up画面,detailsPopUp为打开画面的名称,“template/common/pop_search03.html”为要pop的画面,其他各项为画面打开时的参数。


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@cahobeh.cn

文章转载自:iteye博客

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP