在網頁上顯示 Visio 圖表

有幾種方式可以在網頁上顯示 Visio 圖表, 例如在博客、SharePoint 中, 或使用 Web 應用程式。 在網路上使用時, 您可以更容易發現並使用時段、時間表、程式流程、網狀圖及任何其他圖表。 此外, Visio 中的原始圖表已儲存變更會自動反映在網頁上, 這表示干係人與其他查看者會看到最新的圖表。

注意   我們不建議您使用 Visio Web Access (也稱為 Visio Services) 或使用 SharePoint Online 的 Visio Web Access 網頁元件。 Office 365 和 SharePoint Online 將淘汰這些功能。 深入瞭解。 在 SharePoint Server 中, 系統會根據Microsoft 週期原則來支援這些功能。

Visio 網頁版 是您在 SharePoint Online 中針對未來解決方案所做的選擇, 並提供許多對 Visio Web Access 的改良功能。 如需詳細資訊, 請參閱在適用于 web 和visioVisio 中, 查看、建立及編輯圖表(機器翻譯)。

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

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

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

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

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

  5. 您也可以調整縮放比例大小, 然後將內嵌程式碼複製到網頁或應用程式。

使用 Visio 網頁版 內嵌程式碼新增圖表至 SharePoint 新式頁面

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

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

  3. 選取[顯示更多命令 (...) ] > [內嵌]。

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

  5. 您也可以調整寬度高度, 然後複製內嵌程式代碼

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

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

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

使用檔案檢視器網頁元件, 將圖表新增至 SharePoint 新式頁面

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

  2. 流覽至新式 SharePoint 頁面。

  3. 按一下 [ 用於將新式網頁組件新增到頁面的圓框加號 ], 然後選擇 [檔案檢視器]

    在 SharePoint 頁面中內嵌 Visio 圖表的命令

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

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

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

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

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

  3. 選取[顯示更多命令 (...) ] > [內嵌]。

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

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

  6. 選取 [頁面] > [編輯]。

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

  8. 選取 [插入>內嵌程式碼]。

使用 Visio JavaScript API 建立 Visio 網頁版 交互式 Web 應用程式 (Mashup)

Visio JavaScript API 會啟用 SharePoint 頁面上 Visio 網頁版 圖表的程式設計存取權限。 使用 API 先在 HTML <Iframe> 元素中內嵌 Visio 圖表,然後使用指令碼編輯器網頁組件與圖表元素互動。 如需入門的主要概念與程式碼範例的詳細資訊, 請參閱從 Visio Web Access 遷移到網頁版 visio

附註:  本頁面是經由自動翻譯而成,因此文中可能有文法錯誤或不準確之處。 讓這些內容對您有所幫助是我們的目的。 告訴我們這項資訊是否有幫助? 這裡是供您參考的英文文章

請參閱

Visio for web

網頁版 Visio: 常見問題

在 Visio Web Access 中的 Silverlight 模式已過時

增進您的 Office 技巧
探索訓練
優先取得新功能
加入 Office 測試人員

這項資訊有幫助嗎?

感謝您的意見反應!

感謝您的意見反應! 我們將協助您與我們的其中一個 Office 支援專員連絡以深入了解您的意見。

×