图表的操作经常会有点击触发的事件,一下总结FusionCharts图表几种不同的触发和相应情况
在页面中添加点击chart后需要触发的js事件:
在拼写加载chart时使用的xml文件时,在
其中,j代表调用的是js,myJS代表你前台页面上要调用的js方法名,1代表前台js方法myJS需要的参数。
在这里,我点击chart时需要获得category 的值:
for(int j=0;j
chartTitle.append("
chartDataSet.append("
chartOver.append("
}
效果如下:
在拼写加载chart时使用的xml文件时,在
其中,"test/index.htm"为你需要跳转的页面目录
效果如下:
在拼写加载chart时使用的xml文件时,在
其中,n代表在原页面上打开新页面,"test/index.htm"为你需要跳转的页面目录
效果如下:
页面中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文件时,在
其中,F代表打开的是Frame,detailsFrame是需要加载的Frame名称,"test/index.htm"为你需要跳转的页面目录
效果如下:
将整个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'
在拼写加载chart时使用的xml文件时,在
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的画面,其他各项为画面打开时的参数。