1.点击执行js

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

   <script> 

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

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

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

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

  StringBuilder stringBuilder = new StringBuilder();
      stringBuilder.append("<?xml version='1.0' encoding='UTF-8'?><chart yAxisName='班级人数' caption='2016年云计算毕业生信息统计' useRoundEdges='1' bgColor='FFFFFF,FFFFFF' showBorder='0'>");
       List<Sum> classList = service.classList(); 
       for (Sum sum : classList) {
                stringBuilder.append("<set label='"+sum.getName()+"' value='"+sum.getCount()+"' link='j-win-"+sum.getName()+"'/>");
       }
       stringBuilder.append("</chart>");

效果如下:  

2.点击跳转到新页面

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

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

效果如下:

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

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

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

效果如下:

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.html';

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

效果如下:

5)点击整个chart作为热点

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

Xml代码

 
<chart caption='2016云计算毕业生信息统计' subcaption='For the year 2006' xAxisName='班级' yAxisName='班级人数' numberPrefix='$' clickURL='n-http://www.baidu.com'>
   <set label='1407A' value='25' />
   <set label='1407B' value='26' />
   <set label='1407C' value='23' />
   <set label='1407E' value='21' />
   <set label='1407F' value='22' />
   <set label='1407G' value='20' />
</chart>

其中clickURL='n-http://www.baidu.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的画面,其他各项为画面打开时的参数。

FunsionCharts图标控件点击的更多相关文章

  1. ListView使用自定义适配器的情况下实现适配器的文本和图标控件点击事件执行Activity界面中的方法

    ListView使用的是自定义适配器,列表项的布局文件中含有文本和图标,实现文本区域和图标区域的点击事件. 实现思路:在自定义适配器MyArrayAdapter 类型中自定义接口和接口方法,分别设置文 ...

  2. winform自定义控件中其他遮挡控件点击事件

    自定义控件在其他窗口调用时,里面的lable阻挡了控件的点击事件 解决方法 自定义控件中lable的 点击事件 private void Lable1_Click(object sender, Eve ...

  3. Android控件点击事件

    1. 介绍 本文介绍了Android控件的点击事件 Android控件点击(onClick)事件可以用如下三种方式来实现 2. 实现onClick方法 在layout的xml中指定onClick方法, ...

  4. Android实现监听控件点击事件

    Android实现监听控件点击事件 引言 这篇文章主要想写一下Android实现监听点击事件的几种方法,Activity和Fragment实现起来有些方法上会有些不同,这里也略做介绍. 最近一直在忙一 ...

  5. ASP.NET Menu控件点击区域太小解决方法

    ASP.NET自带的Menu控件点击区域比较小,基本就是文本范围和图片范围,在区域外虽然选择的项有颜色变化,但是这个时候点击是没有用的,体验不是很好 检查前台生成的HTML,是用td嵌套a标签,a标签 ...

  6. iOS全埋点解决方案-控件点击事件

    前言 ​ 我们主要介绍如何实现控件点击事件($AppClick)的全埋点.在介绍如何实现之前,我们需要先了解一下,在 UIKit 框架下,处理点击或拖动事件的 Target-Action 设计模式. ...

  7. WPF开发随笔收录-自定义图标控件

    一.前言 1.在以前自学的过程中,软件需要使用到图标的时候,总是第一个想法是下载一个图片来充当图标使用,但实际得出来的效果会出现模糊的现象.后来网上学习了字体图标库的用法,可以在阿里云矢量图网站那里将 ...

  8. Android怎么使用字体图标 自定义FontTextView字体图标控件-- 使用方法

    首先我想说明一下字体图标的好处,最大的好处就是自适应了,而且是使用TextView 不用去切图,是矢量图 灵活调用 第一步我要说明一下一般字体图标的来源,我这里使用的是  --阿里巴巴矢量图标库 -网 ...

  9. 大约Android PopupWindow有用Spinner控件点击APP Crash案例整理!

    场景异常,如下面: android.view.WindowManager$BadTokenException: Unable to add window -- token android.view.V ...

随机推荐

  1. JBoss QuickStart之Helloworld

    下载Jboss, quickstart, 按照quickstart说明, mvn clean install. 由于ssl handshake问题(应该是网络连接不稳定), 写了一个脚本不停地尝试bu ...

  2. java基础总结——基础语法1

    一.标示符 二.关键字 三.java基本数据类型 3.1 常量 ● 常量表示不能改变的数值. ● java中常量的分类: 1. 整数常量.所有整数 2. 小数常量.所有小时 3. 布尔型常量.较为特有 ...

  3. 使用bootstrap 弹出效果演示

    前言:对于Web开发人员,弹出框和提示框的使用肯定不会陌生,比如常见的表格新增和编辑功能,一般常见的主要有两种处理方式:行内编辑和弹出框编辑.在增加用户体验方面,弹出框和提示框起着重要的作用,如果你的 ...

  4. ElasticSearchwindow下搭建

    ElasticSearch是一个开源的分布式搜索引擎. 下载 下载地址: https://www.elastic.co/downloads/elasticsearch 当前版本:Elasticsear ...

  5. alert样式修改

    HTML: <div id="div">1223325</div> CSS: .btn_alert button{font-size: 1em;border ...

  6. target-densitydpi

    一个屏幕像素密度是由屏幕分辨率决定的,通常定义为每英寸点的数量(dpi).Android支持三种屏幕像素密度:低像素密度,中像素密度,高像素密度.一个低像素密度的屏幕每英寸上的像素点更少,而一个高像素 ...

  7. 试解析Tomcat运行原理(一)--- socket通讯

    关于这篇文章也确实筹划了很久,今天决定开篇写第一篇,说起tomcat首先很容易联想到IIS,因为我最开始使用的就是.net技术,我第一次使用asp写学生成绩管理系统后,很茫然如何让别人都能看到或者说使 ...

  8. linux下设置固定IP

    编辑网卡配置文件 vi /etc/sysconfig/network-script/ifcfg-eth0 进入编辑模式 按i键进行编辑修改 DEVICE=eth0 #物理设备名 IPADDR=192. ...

  9. IIS发布网站

    IIS发布网站几个问题 1.部署步骤:http://jingyan.baidu.com/article/3065b3b6e5becdbecff8a4d5.html Win7下IIS报503Servic ...

  10. poj 3262 Protecting the Flowers

    http://poj.org/problem?id=3262 Protecting the Flowers Time Limit: 2000MS   Memory Limit: 65536K Tota ...