1. 概述
1.1 版本
報表伺服器版本 | 功能變動 |
---|---|
11.0 | -- |
1.2 應用場景
捲動的訊息正文或者表格內容一般被稱為跑馬燈,如下圖所示。跑馬燈有比較廣泛的應用場景,尤其是在看板和企業戰情室中:
某個區域內容較多但佈局有限,就可以透過跑馬燈的形式呈現
表格內容較多,可以透過表格捲動將內容全部展示
新聞內容展示時,多條訊息、字幕捲動
監視場景中,捲動訊息提醒
大型展示屏中,圖文捲動實現動態效果
1.3 功能簡介
跑馬燈的實現方法較多,使用者可以根據實際應用場景選擇合適的方法實現,具體可以參考:跑馬燈API
FVS 視覺化看板將跑馬燈封裝為可設定項,具體可參考:FVS跑馬燈特效 。
2. 範例索引
方法介紹 | 效果圖示 | 適用類型 | 支援的方向 |
---|---|---|---|
實現思路: 無需程式碼,安裝「捲動訊息元件插件」就可以簡單又方便地實現捲動字幕的效果。 參考文檔: | ![]() | 決策報表 | 向左 向右 向下 向上 |
實現思路: 儲存格中新增 html 程式碼,顯示 html 內容實現文字捲動。可豎屏捲動、橫屏捲動、不規則橫屏捲動,修改程式碼即可實現。 參考文檔: | 普通報表決策報表 | 向左 向右 向下 向上 | |
實現思路: 普通報表中,新增 JS 使得儲存格內容捲動,捲動到最後一行後跳轉到第一行繼續捲動;滑鼠懸停時停止捲動。 參考文檔: | ![]() | 普通報表 | 向上 |
實現思路: 決策報表中,給報表塊新增 JS 實現儲存格內容捲動,捲動到最後一行後跳轉到第一行繼續捲動;滑鼠懸停時停止捲動。 參考文檔: | ![]() | 決策報表 | 向上 |
實現思路: 儲存格中新增 html 程式碼,再配合 JS 實現捲動效果。捲動到最後一行後接上第一行內容,實現首尾相接的捲動效果。 參考文檔: | ![]() | 普通報表決策報表 | 向上 |
實現思路: 透過 JS API,單行程式碼即可實現跑馬燈捲動效果,並且支援關閉跑馬燈效果。不用再隱藏捲軸,調節捲動速度也更加方便快捷。 參考文檔: | ![]() | 決策報表普通報表 | 向上、向左 |