版本
版本 | 功能變動 |
---|
11.0
| 和 10.0 差別: 10.0 支援,10.0.19 及之後版本支援 |
11.0.9 | FVS V1.14.0 版本提供了跑馬燈特效配置項,無需透過 JS 即可設定跑馬燈效果。為與功能配置項對齊,優化了 FVS 的 startMarquee API參數 |
startMarquee
普通報表和決策報表
注1:用以下API實現的跑馬燈效果,不支援透過「決策報表內報表塊重新整理插件」實現重新整理。
方法 | startMarquee(opt) | 開啟跑馬燈效果。 |
---|
參數 | opt: { offset: number; interval: number; stopOnHover: boolean; to: string} | 捲動效果屬性,json 格式。 offset:每次捲動的距離,預設為 5px,單位為 px。 interval:間隔時長,預設為 0.1s,單位為 s。 stopOnHover:滑鼠懸停時是否暫停,預設為 true: true:暫停。 false:不暫停。 to:捲動的方向,支援向上和向左,預設向上: 'top':向上捲動。 'left':向左捲動。 |
---|
回傳值 | void |
|
---|
範例 | 範例1:若獲取到的報表塊物件定義為 report,實現預設的跑馬燈效果(每 0.1s 捲動 5 px,滑鼠懸停時暫停)。
report.startMarquee();
範例2:普通報表中實現預設的跑馬燈效果。 _g().startMarquee();
範例3:決策報表中給 report0 報表塊新增預設的跑馬燈效果。 _g().getWidgetByName('report0').startMarquee();
注:程式碼新增在【初始化後】事件中時,建議新增一個延遲函式,否則可能會因為報表塊物件沒有完全建立而發生錯誤。範例如下: setTimeout(function(){ _g().getWidgetByName('report0').startMarquee(); }, 500);
範例4:普通報表中實現每 0.3s 向左捲動 2 px,滑鼠懸停時不暫停。 report.startMarquee({ offset: 2, interval: 0.3, stopOnHover: false, to:'left' });
範例5:決策報表中 report0 報表塊實現每 0.3s 向左捲動 2 px,滑鼠懸停時不暫停。 setTimeout(function() { _g().getWidgetByName('report0').startMarquee({ offset: 2, interval: 0.3, stopOnHover: false, to:'left' }); }, 500);
|
---|
應用範例 | 報表塊實現預設的跑馬燈效果,滑鼠懸浮時停止捲動: 點選可下載範本:開啟跑馬燈.frm 。
|
---|
行動端 | 不支援行動端。 |
---|
FVS 可視化看板
方法 | startMarquee(opt) | 開啟跑馬燈效果 |
---|
參數 | opt: { mode:string, speed:number,
to:string, stay:number, stopOnHover:boolean, joinable:boolean, } | 捲動效果屬性,json 格式 mode:捲動內容,預設為整屏 speed:捲動速度,預設為 50px/s,單位為 px/s to:捲動的方向,支援向上和向左,預設向上 stay:捲動間隔,預設為 0s ,單位為 s
stopOnHover:滑鼠懸停時是否暫停,預設為 true joinable:捲動方式是否為首尾相接,預設為 false
|
---|
回傳值 | void |
---|
範例 | 範例:FVS 視覺化看板中給 FVS表格組件 新增預設跑馬燈效果
setTimeout(() => { duchamp.getWidgetByName("表格組件").startMarquee() }, 500)
|
---|
應用範例 | 參見文檔:JS實現FVS表格跑馬燈 |
---|
行動端 | 支援 |
---|
stopMarquee
方法 | stopMarquee() | 關閉跑馬燈效果。 |
---|
參數 | - | - |
---|
回傳值 | void |
|
---|
範例 | 範例1:若獲取到的報表塊物件定義為 report,關閉透過 startMarquee() 設定的跑馬燈效果。report.stopMarquee();
範例2:普通報表中關閉透過 startMarquee() 設定的跑馬燈效果。 _g().stopMarquee();
範例3:決策報表中關閉 report0 報表塊的跑馬燈效果。 _g().getWidgetByName('report0').stopMarquee();
|
---|
應用範例 | 報表塊實現跑馬燈效果,點選【關閉】按鈕關閉跑馬燈效果: 點選可下載範本:關閉跑馬燈.frm 。
|
---|
行動端 | 不支援行動端。 |
---|