FusionCharts的钻取功能
FusionCharts可以在点上定义钻取,实现各种link功能,包括:
(1)同一窗口实现钻取
(2)新窗口中实现钻取
(3)在指定的frame中实现钻取
(4) 在弹出窗口中实现钻取
(5) 触发js的函数
一. 同一窗口实现钻取
在set上定义link,如:
<set ... value='2235' ... link='ShowDetails.asp%3FMonth%3DJan' ...>
XML Example:
<chart caption='Monthly Sales Summary' subcaption='For the year 2006'
xAxisName='Month' yAxisName='Sales' numberPrefix='$'>
<set label='Jan' value='17400' link='DemoLinkPages/DemoLink1.html'/>
<set label='Feb' value='19800' link='DemoLinkPages/DemoLink2.html'/>
<set label='Mar' value='21800' link='DemoLinkPages/DemoLink3.html'/>
<set label='Apr' value='23800' link='DemoLinkPages/DemoLink4.html'/>
<set label='May' value='29600' link='DemoLinkPages/DemoLink5.html'/>
<set label='Jun' value='27600' link='DemoLinkPages/DemoLink6.html'/>
</chart>
如果链接中带有?,&等字符,需用Encoded形式的字符,FusionCharts将对其进行解码。
热点中参数的传递: 因为在XML中对特殊字符? & 不能识别FusionCharts对特殊字符提供了转义的支
持所以在上面的link 参数传递改为<set … link=’ /chartDemo/link.jsp
%3Fvalue%3D999> 要是在传一个参数是就得用&了
<set … link=’ /chartDemo/link.jsp%3Fvalue%3D999%26name=成都>
<set … link=’ /chartDemo/link.jsp?value=999&name=成都>
二. 新窗口中钻取
要在新页面中打开链接,需在链接前增加n-字符,如
<set ... value='2235' ... link='n-ShowDetails.asp%3FMonth%3DJan' ...>
Example XML:
<chart caption='Monthly Sales Summary' subcaption='For the year 2006'
xAxisName='Month' yAxisName='Sales' numberPrefix='$'>