在Power BI中動態嵌入網頁


在Power BI Banner 2中動態嵌入網頁

有時很難找到Power BI無法做到的事情。無論手頭上有什么任務,似乎總有解決方案。不久前,我在想自己是否可以在Power BI報表中嵌入網站。我最初的直覺是“當然!但是如何?” 事實證明,在計算所得的列中使用一些HTML代碼非常容易做到這一點!事不宜遲,讓我們跳進去。

快速瀏覽一下我編譯的數據集。它由我最喜歡的三個Power BI博客組成,其中包括PowerPivotPro,Excelerator BI和SQLBI。我從這些網站的每一個中獲取了一個博客文章URL,並將其扔到Power BI中。我還添加了虛假的“網頁瀏覽量”,以將一些數字數據添加到組合中。

數據集

為了使魔術實現,我們需要利用“自定義視覺市場”上可用的HTML Viewer自定義視覺的幫助。要將其加載到報告中,只需在視覺效果窗格中單擊省略號,然后選擇“從市場導入”。搜索HTML查看器,然后按“添加”。

HTML查看器

該視覺圖像采用HTML代碼並將其轉換為視覺格式,指示您將在網站上看到的內容。我們可以利用此功能並使用HTML“ iframe”元素嵌入網站。首先,一個元素指定應該在頁面上顯示的內容,通常由開始和結束標記指示。例如,如果要指定網頁的外觀,則應輸入:

<body>內容</ body>

如您所見,<body>標記聲明主體部分的開始,而</ body>表示結束。為了嵌入網站,我們將使用<iframe>和</ iframe>標簽,這些標簽專門用於在另一個HTML文檔中顯示HTML文檔。

我們希望創建一個計算列,該列會將我們的網址設置為以iframe標簽開頭和結尾的正確HTML格式。所需的輸出將如下所示:

<iframe src =' https://example.com ' > </ iframe>

關於語法需要注意的幾件事……“ src”代表源,是我們要顯示的URL。另外,我們的URL需要用單引號或雙引號引起來。由於我們將使用DAX編寫此代碼,其中用雙引號指定文本字符串,因此我們將在HTML中使用單引號。要使此工作正常運行的DAX代碼是:

HTML =“ <iframe src=” & ‘table’[URL] & “></iframe>“> </ iframe>”

 

計算列結果

現在就創建了該計算列,將HTML Viewer自定義視覺效果引入報表中,並在新的計算列中添加“類別”。除了一些灰色框,您不應在視覺中看到其他任何內容。很好!在我們將其發布到Power BI Service之前,我們的網站無法正常顯示。繼續並發布您的報告並打開它。您現在應該可以看到通過URL指定的網站!您甚至可以在嵌入式網站內部單擊並進行導航,就像在實際頁面上一樣!太酷了吧?

HTML Viewer視覺

一些內務處理項目……讓我們調整iframe的大小,使其占據整個視覺效果。您可以通過在iframe標記中使用“ style”關鍵字指定一些參數來完成此操作。最終計算出的列定義將如下所示:

iframe =“ <iframe src=” & ‘table’[URL] & “ style=’position:fixed; width: 100%; height: 100%’></iframe>

自定義列-iframe

為了正確設置樣式,我們需要將位置設置為固定,並指定高度和寬度占據視覺效果的100%。有了這個適當的位置之后,一切都會按預期進行。您甚至可以添加一些切片器或其他視覺效果,這些視覺效果或視覺效果在選擇后將動態更改顯示的網頁。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM