FVS大屛支援的JS API場景

頁面重新整理

FVS預覽頁面間隔一段時間後，自動重新整理；

或者FVS每天在固定的時間點觸發重新整理。

setInterval(() => {

   duchamp.reload();

 }, 2 * 1000);

報表塊自動滾動

報表塊跑馬燈效果，支援循環滾動。

只能用在表格組件的加載結束事件裏。

1）表格（極速版）組件寫法：

開始跑馬燈：

setTimeout(() => {

       duchamp.getWidgetByName("表格").startMarquee()        

}, 500)

結束跑馬燈：

setTimeout(() => {

       duchamp.getWidgetByName("表格").stopMarquee()        

}, 500)

2）表格組件寫法：

開始跑馬燈：_g().startMarquee();

結束跑馬燈：_g().startMarquee();

圖表資料點提示輪播

圖表資料點提示輪播

詳情請參見：JS 圖表開啟自動資料點提示輪播。

duchamp.on("storychange", (current) => {

 if (current === "頁面2") {

   duchamp.getWidgetByName("組件1").openAutoTooltip();

 }

});

聲音報警

當符合某特定條件時，比如某參數值>100，觸發聲音提示

詳情請參見：JS實現自動報警聲音。

const audio = document.createElement("audio");

 audio.src = "./assets/internal/demo/5196.mp3";

 audio.loop = true;

 document.body.appendChild(audio);

 const interval = setInterval(() => {

   const widget = duchamp.getWidgetByName("組件1");

   if (widget.getParameters("abc") > 100) {

     audio.play();

     clearInterval(interval);

   }

 }, 2000);

觸發組件聯動/重新整理

觸發某個組件的重新整理或聯動效果。

重新整理：

duchamp.getWidgetByName("組件1").refresh();

聯動：

duchamp.getWidgetByName("組件1").trigger();

觸發頁面全螢幕

觸發FVS頁面全螢幕

浏覽器不允許直接全螢幕，必須使用者操作才可以，所以這個JS可以用在組件的交互JS中。

duchamp.requestFullscreen();

跳轉至某頁

跳轉至某頁的JS。

duchamp.switchStory("頁面4");//跳轉到頁面4。

duchamp.nextStory();// 跳轉到下一頁。

duchamp.previousStory();// 跳轉到上一頁。

獲取三維城市資料圖層

獲取三維城市資料圖層，可隐藏/顯示圖層詳情請參見：FVS點擊隐藏/顯示資料圖層。

duchamp.getWidgetByName("三維城市名稱").getDataLayers() // 獲取三維城市全部資料圖層。

duchamp.getWidgetByName("三維城市名稱").getDataLayerByName("圖層1"); // 獲取三維城市指定名稱的圖層。