在網頁上顯示 Visio 圖表有多種方式——例如在部落格、SharePoint 或網頁應用程式中。 樓層圖、時間軸、流程圖、網絡圖等在網路上使用時更容易被發現且實用。 此外，Visio 中原始圖表的變更會自動反映在網頁上，讓利害關係人及其他瀏覽者都能看到最新的圖表。
重要
預設是這樣。 有人按住 Ctrl 並點擊嵌入連結。 不過，如果你希望使用者只需 點擊 連結即可追蹤，可以在嵌入程式碼中加入 &wdClickOnlyHyperlinks=trueiframe src 屬性的結尾。
使用 OneDrive - 個人嵌入程式碼，將圖表加入任何網頁
- 如果你沒有 OneDrive 帳號，請 在這裡建立一個。
- 如果需要，將 Visio 檔案上傳到 OneDrive - 個人檔案。
- 導航到有 Visio 檔案的資料夾，然後選擇它。
- 選擇 「嵌入」，然後在 「嵌入 」面板中選擇 產生。
- 可選擇調整 縮放關卡大小，然後將 嵌入程式碼 複製到網頁或應用程式。
使用 Visio 在網頁嵌入程式碼中，為 SharePoint 現代頁面新增圖表
- 請前往有 Visio 檔案的文件庫。
- 要開啟 Visio 圖表，請選擇檔案名稱。
- 選擇 「顯示更多指令」 (......) >嵌入。
- 在 [內嵌] 對話方塊中，複製 [內嵌程式碼]。
- 可選擇調整 寬度 和 高度，然後複製 嵌入程式碼。
- 如果需要，可以建立一個現代化的 SharePoint 頁面，裡面要插入 Visio 圖表。 如需詳細資訊，請參閱在網站中新增頁面。
- 前往現代 SharePoint 頁面，新增 Embed 網頁部分，然後再加入 Embed 程式碼 。
如需詳細資訊，請參閱在新版頁面上使用內嵌網頁組件。
利用檔案與媒體網頁部分，將圖表加入 SharePoint 現代頁面
- 如果需要，可以建立一個現代化的 SharePoint 頁面，裡面要插入 Visio 圖表。 如需詳細資訊，請參閱在網站中新增頁面。
- 請前往現代版 SharePoint 頁面。
- 在右側內容窗格 ) 中找到工具 箱 (
。 選擇 「查看所有網頁部分」，然後從網頁部分列表中選擇或拖放「 檔案與媒體 」。 - 瀏覽你想插入的 Visio 圖表，然後選擇 新增文件。
如需詳細資訊，請參閱在 SharePoint Online 頁面上使用網頁組件。
使用 Embed Code 指令將圖表加入 SharePoint 經典頁面
- 請前往有 Visio 檔案的文件庫。
- 要在網頁版 Visio 中開啟 Visio 圖，請選擇 Visio 檔案。
- 選擇 「顯示更多指令」 (......) >嵌入。
- 在 [內嵌] 對話方塊中，複製 [內嵌程式碼]。
- 請前往你想新增 Visio 圖表的網頁。
- 選擇 頁面>編輯。
- 點擊網頁可編輯區域內的部分。
- 選擇 插入>嵌入代碼。
請點擊嵌入的 Visio 圖表中的超連結
要跟從圖中的超連結，按 Ctrl 並點擊該超連結。
用 Visio JavaScript API 建立網頁混搭的 Visio
Visio JavaScript API 允許程式化存取 SharePoint 頁面上的網頁圖表。 先用 API 將 Visio 圖表嵌入 HTML <Iframe> 元素，然後透過腳本編輯器的網頁部分與圖表元素互動。 欲了解更多關鍵概念與程式範例，請參考「 從 Visio Web Access 遷移至 Visio for the web」。