1. 概述
1.1 預期效果
當鼠标移動到圖表的系列上時，希望能夠出現醒目的光标，以提示用戶進行操作，如下圖所示：
1.2 實現思路
使用 JS 将光标設置爲自定義圖片，将自定義圖片 cursor.png 重命名爲「cursor.cur」，然後放到%FR_HOME%\webapps\webroot\help\picture目錄下。
注：圖片格式必須爲 .cur 或 .ani 格式。
2. 示例
2.1 普通報表
1）新建數據集 ds1，數據庫查詢語句爲：SELECT * FROM 銷量
2）合并一片區域單元格并插入一個餅圖，如下圖綁定圖表數據：
3）菜單欄選擇模板>模板Web屬性>分頁預覽設置>爲該模板單獨設置，然後添加一個加載結束事件，如下圖所示：
JS代碼如下：
setTimeout(function() {
$("td[id^=A1-]").find("path").bind('mouseover', function() {
this.style.cursor = "url('../../help/picture/cursor.cur'),pointer";
})
}, 1000)
注：td[id^=A1-] 中的 A1 爲圖表所在單元格。
2.2 決策報表
1）将餅圖拖入到決策報表設計主體中，按照2.1綁定圖表數據。
2）給餅圖添加一個初始化後事件，如下圖所示：
JS 代碼如下：
setTimeout(function() {
$("div[widgetname=CHART0]").find("path").bind('mouseover', function() {
this.style.cursor = "url('../../help/picture/cursor.cur'),pointer";
})
}, 1000)
注：div[widgetname=CHART0] 中的 CHART0 是圖表塊的組件名，注意全部要大寫。
3. 模板下載
已完成模板可參見：
%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Primary\Chart\自定義鼠标懸浮在圖表上的光标示例一.cpt
%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Primary\Chart\自定義鼠标懸浮在圖表上的光标示例二.frm
點擊下載模板：
自定義圖片下載：
