FusionChart图表控件点击事件

       图表的操作经常会有点击触发的事件,一下总结FusionCharts图表几种不同的触发和相应情况

    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.getName() + "' /> ");
                     chartDataSet.append("  <set value='"+project.getProgress()+"' /> ");
                     chartOver.append("  <set value='"+project.getNo(),"0")+"' link='j-myJS-"+project.getName()+"' /> ");
         }

效果如下：

      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的画面，其他各项为画面打开时的参数。