详解FusionChart图表控件点击事件
2014-05-13 16:26
417 查看
(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()+"' /> ");
}
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.htm';
其中,F代表打开的是Frame,detailsFrame是需要加载的Frame名称,"test/index.htm"为你需要跳转的页面目录
5)点击整个chart作为热点
将整个chart作为一个热点,点击chart时打开新页面:
Xml代码
<chart caption='Monthly Sales Summary' subcaption='For the year 2006' xAxisName='Month' yAxisName='Sales' numberPrefix='$' clickURL='n-http://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-http://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的画面,其他各项为画面打开时的参数。
在页面中添加点击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()+"' /> ");
}
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.htm';
其中,F代表打开的是Frame,detailsFrame是需要加载的Frame名称,"test/index.htm"为你需要跳转的页面目录
5)点击整个chart作为热点
将整个chart作为一个热点,点击chart时打开新页面:
Xml代码
<chart caption='Monthly Sales Summary' subcaption='For the year 2006' xAxisName='Month' yAxisName='Sales' numberPrefix='$' clickURL='n-http://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-http://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的画面,其他各项为画面打开时的参数。
相关文章推荐
- 详解FusionChart图表控件点击事件
- FusionChart图表控件 点击事件(XML和JSON作为数据源时的分别处理方式)
- FusionChart图表控件点击事件
- fusionchart图表遮挡Ext下拉控件或日期控件解决办法(IE下有问题firefox与chrome正常)
- android appwidget 点击事件详解 多个控件多个按钮不同响应
- highchart图表drilldown钻取功能及event点击事件添加(1)
- Silverlight实用窍门系列:15.Visifire图表控件的使用二(DataPoint点击事件和Legend文字标注栏的点击事件)【附带源码实例】
- AChartEngine的图表中捕获点击事件和点击位置
- ASP.net验证控件详解和按钮点击事件后验证控件的执行顺序问题以及在确认密码框为空,CompareValidator认为是合法的问题的解决方案
- 15.Visifire图表控件的使用二(DataPoint点击事件和Legend文字标注栏的点击事件)
- Android chart、图表、条形图、饼图 pie chart 等的实现及点击事件、监听器的实现 click ,achartengine
- FusionChart图表控件使用说明
- Android UI控件详解-Button(按钮)点击事件的5种写法
- highchart图表drilldown钻取功能及event点击事件添加--补充钻取多图显示(2)
- Android chart、图表、条形图、饼图 pie chart 等的实现及点击事件、监听器的实现 click ,achartengine
- Android中点击空白区域控件自动隐藏(事件传递机制中的一个小例子)
- Fragment中ListView的Item的点击事件(包含Item内部控件的点击事件)
- 在控件的点击事件中获取空间自身的属性,如ID
- Open Flash Chart图表的JSON格式基本属性详解
- iOS不规则控件的点击事件(转载)