JS實現儲存格提示內容換列顯示

1.1 版本

1.1 問題描述

儲存格提示內容換列顯示，可以透過設計器 儲存格內容提示 中寫公式實現，也可以透過新增 JS 實現。效果如下圖所示：

1.2 實現思路

使用 JS 程式碼實現懸浮提示。

2.1 資料準備

建立普通報表，建立資料集 ds1，資料庫查詢語句為：SELECT * FROM 銷量 where 地區='華東'，如下圖所示：

2.2 報表設計

1）如下圖設計表格：

2）菜單欄選擇「範本>範本Web屬性>分頁預覽設定」中新增載入結束事件，JS 程式碼為：

$("td[id^=B1-]").attr("title", "月底在職的銷售員\n含月底當天離職")；

決策報表中可以為 body 新增「初始化後」事件，事件中需要獲取儲存格所在的報表塊。範例程式碼如下：

注：注意程式碼中報表塊名稱的大小寫。

setTimeout(function() {
//為報表塊REPORT0的A1儲存格新增提示
$("[widgetname='REPORT0']").find("td[id^=A1-]").attr("title", "這是第一列\n1第二列\n2第三列");
}, 100);

2.3 效果預覽

儲存報表，點選分頁預覽，效果如下圖所示：

注：不支援行動端。

點選下載範本：JS實現儲存格提示內容換列顯示.cpt