1.直接采用了上个例子的报表,工作表1和表2中一共有3个统计图;
2.请切换成统计图ImageFlow:, 看看效果如何;
3.鼠标点击统计图的数据项,查看事件.

统计图的鼠标点击事件:



1.这是全部的js代码;
var g_Disp = 0;
function OnReady(id)
{
 AF.func("SetSource", "reportdata/datacenter.xml");
 AF.func("Build", "report/center31.xml");
 AF.func("Calc", "");
 AF.func("SubscribeEvent", "Clicked");  //预订鼠标点击事件
}
function OnEvent(id, Event, p1, p2, p3, p4)
{
 if(g_Disp==1 && Event == 'Clicked')
  document.getElementById("lbl1").innerHTML = "点击在统计图 " + p1 + ", 系列名: " + p2 + ", 数据项: "+p3;
}
 
//按钮的js: 切换显示
function changedisp()
{
 g_Disp = g_Disp == 0 ? 1:0;
 if(g_Disp==1)
  AF.func("DisplayAsChart", "chart0,chart1,chart2 \r\n treelist/freeform9-2.xml");
 else
  AF.func("DisplayAsChart", "");
}

2.源码中的 chart0,chart1,chart2 分别是这三个统计图的别名,DisplayAsChart( )函数将这3个统计图交给freeform浏览,freeform的模板直接使用了自由表头演示页 "18.炫酷ImageFlow(图像流)控件"中最下方的演示模板,请参考该freeform的XML模板

使用够简单吧!