跑馬燈簡介

1. 概述

1.1 版本

報表伺服器版本功能變動
11.0--

1.2 應用場景

捲動的訊息正文或者表格內容一般被稱為跑馬燈,如下圖所示。跑馬燈有比較廣泛的應用場景,尤其是在看板和企業戰情室中:

  • 某個區域內容較多但佈局有限,就可以透過跑馬燈的形式呈現

  • 表格內容較多,可以透過表格捲動將內容全部展示

  • 新聞內容展示時,多條訊息、字幕捲動

  • 監視場景中,捲動訊息提醒

  • 大型展示屏中,圖文捲動實現動態效果

1.3 功能簡介

跑馬燈的實現方法較多,使用者可以根據實際應用場景選擇合適的方法實現,具體可以參考:跑馬燈API

FVS 視覺化看板將跑馬燈封裝為可設定項,具體可參考:FVS跑馬燈特效 。

2. 範例索引

方法介紹效果圖示適用類型支援的方向

實現思路:

無需程式碼,安裝「捲動訊息元件插件」就可以簡單又方便地實現捲動字幕的效果。

參考文檔:

捲動訊息元件插件


決策報表

向左

向右

向下

向上

實現思路:

儲存格中新增 html 程式碼,顯示 html 內容實現文字捲動。可豎屏捲動、橫屏捲動、不規則橫屏捲動,修改程式碼即可實現。

參考文檔:

以HTML實現訊息捲動

普通報表決策報表

向左

向右

向下

向上

實現思路:

普通報表中,新增 JS 使得儲存格內容捲動,捲動到最後一行後跳轉到第一行繼續捲動;滑鼠懸停時停止捲動。

參考文檔:

JS實現普通報表中自動滾屏/跑馬燈效果

普通報表向上

實現思路:

決策報表中,給報表塊新增 JS 實現儲存格內容捲動,捲動到最後一行後跳轉到第一行繼續捲動;滑鼠懸停時停止捲動。

參考文檔:

JS實現決策報表中滾屏/跑馬燈效果

決策報表向上

實現思路:

儲存格中新增 html 程式碼,再配合 JS 實現捲動效果。捲動到最後一行後接上第一行內容,實現首尾相接的捲動效果。

參考文檔:

JS實現首尾相接的跑馬燈

普通報表決策報表向上

實現思路:

透過 JS API,單行程式碼即可實現跑馬燈捲動效果,並且支援關閉跑馬燈效果。不用再隱藏捲軸,調節捲動速度也更加方便快捷。

參考文檔:

JS實現決策報表中滾屏/跑馬燈效果

決策報表普通報表向上、向左



附件列表


主題: 報表應用
已經是第一篇
已經是最後一篇
  • 有幫助
  • 沒幫助
  • 只是瀏覽
中文(繁體)

滑鼠選中內容,快速回饋問題

滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

不再提示

9s后關閉

獲取幫助
線上支援
獲取專業技術支援,快速幫助您解決問題
工作日9:00-12:00,13:30-17:30在线
頁面反饋
針對當前網頁的建議、問題反饋
售前咨詢
業務咨詢
電話:0933-790886或 0989-092892
郵箱:taiwan@fanruan.com
頁面反饋
*問題分類
不能為空
問題描述
0/1000
不能為空

反馈已提交

网络繁忙

反饋已提交

網絡繁忙