Applies ToVisio Plan 2 Visio in Microsoft 365 Visio Plan 1 Visio Professional 2024 Visio Professional 2021 Visio Professional 2019 Visio Professional 2016

有數種方式可以在網頁上顯示 Visio 圖表,例如在部落格、 SharePoint或使用 Web 應用程式。 當您在網路上使用時,樓面圖、時程表、流程圖、網路圖等專案會更易於探索且實用。 此外, Visio 中儲存的原始圖表變更會自動反映在網頁上,這表示項目關係人及其他檢視者會看到最新的圖表。

重要: 根據預設。 某人按下 Ctrl 並按下連結來遵循內嵌連結。 不過,如果您偏好讓使用者只按兩下連結來追蹤該連結,請在內嵌程式代碼的 iframe src 屬性結尾處新增&wdClickOnlyHyperlinks=true 

使用 OneDrive - 個人內嵌程式代碼將圖表新增至任何網頁

  1. 如果您沒有 OneDrive 帳戶,請 在這裡建立一個帳戶。

  2. 如有需要,請將 Visio 檔案上傳至 OneDrive - 個人。

  3. 流覽至含有 Visio 檔案的資料夾,然後選取該資料夾。

  4. 選取 [內嵌],然後在 [ 內嵌 ] 窗格中選 取 [產生]

  5. 或者,調整縮放比例的 大小,然後內嵌程式代碼 複製到網頁或應用程式。

使用 Visio 網頁版 Embed 程式代碼將圖表新增至 SharePoint 新式頁面

  1. 流覽至具有 Visio 檔案的文件庫。

  2. 若要開啟 Visio 圖表,請選取檔名。

  3. 取 [顯示更多命令 (...) > Embed]

  4. 在 [內嵌] 對話方塊中,複製 [內嵌程式碼]。

  5. 或者,調整 [寬度 ] 和 [ 高度],然後複製 [ 內嵌] 程序代碼

  6. 如有需要,請建立您要插入 Visio 圖表的新 SharePoint 頁面。 如需詳細資訊,請參閱在網站中新增頁面

  7. 流覽至新式 SharePoint 頁面、新增 [內嵌 ] 網頁元件,然後將 [內嵌] 程式代碼 新增至其中。

    如需詳細資訊,請參閱在新版頁面上使用內嵌網頁組件

使用 [檔案和媒體] 網頁元件將圖表新增至 SharePoint 新式頁面

  1. 如有需要,請建立您要插入 Visio 圖表的新 SharePoint 頁面。 如需詳細資訊,請參閱在網站中新增頁面

  2. 流覽至新式 SharePoint 頁面。

  3. 在右側尋找 工具箱 (內容窗格中的工具箱圖示) 。 選 取 [查看所有網頁元件],然後從網頁元件清單中選取或拖放 [檔案和媒體 ]。

  4. 流覽至您要插入的 Visio 圖表,然後選擇 [ 新增檔]

如需詳細資訊,請參閱在 SharePoint Online 頁面上使用網頁組件

使用 [內嵌程序代碼] 命令將圖表新增至 SharePoint 傳統頁面

  1. 流覽至具有 Visio 檔案的文件庫。

  2. 若要在 Visio 網頁版中開啟 Visio 圖表,請選取 Visio 檔案。

  3. 取 [顯示更多命令 (...) > Embed]

  4. 在 [內嵌] 對話方塊中,複製 [內嵌程式碼]。

  5. 流覽至您要新增 Visio 圖表的網頁。

  6. 選取 [頁面 > 編輯]

  7. 在網頁上可編輯的區域內按兩下。

  8. 選取 [插入 > 內嵌程序代碼]

在內嵌 Visio 圖表中追蹤超連結

若要追蹤圖表中的超連結,請按 Ctrl 並按連結。 

使用 Visio JavaScript API 建立 Visio 網頁版 交

Visio JavaScript API 可讓您以程序設計方式存取 Visio 網頁版SharePoint 頁面上的圖表。 使用 API 先在 HTML <Iframe> 元素中內嵌 Visio 圖表,然後使用腳本編輯器網頁元件與圖表元素互動。 如需有關可協助您開始使用的重要概念和程式代碼範例的詳細資訊,請參閱 從 Visio Web Access 移轉到 Visio 網頁版

另請參閱

Visio 網頁版說明

Visio 網頁版:常見問題

Visio Web Access 中的 Silverlight 模式已停用

Need more help?

Want more options?

探索訂閱權益、瀏覽訓練課程、瞭解如何保護您的裝置等等。

社群可協助您詢問並回答問題、提供意見反應,以及聆聽來自具有豐富知識的專家意見。