在網頁上顯示 Visio 圖表的方法有好幾種,例如部落格、SharePoint 或 Web 應用程式。 樓面圖表、時程線、流程圖、網狀圖表,以及任何其他圖表在網頁上使用時,會更可探索且實用。 此外,Visio 中原始圖表的已儲存變更會自動反映在網頁上,這表示專案關係人和其他檢視器會看到最新的圖表。

附註: 我們不再建議使用 Visio Web Access (稱為 Visio Services) Visio Web Access 網頁零件與 SharePoint Online。 這些功能將會從 Microsoft 365SharePoint Online 中停用。 深入了解。 在 SharePoint Server 中,這些功能會依照 Microsoft 生命週期政策 受到支援

Visio 網頁版 是 SharePoint Online 中未來解決方案的選擇,並提供許多 Visio Web Access) 。 詳細資訊請參閱在 Visio 網頁和 Visio 網頁說明中查看、建立及 編輯圖表

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

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

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

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

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

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

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

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

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

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

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

  5. 或者,請調整寬度和高度,然後複製內嵌程式碼

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

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

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

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

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

  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 網頁版說明

Visio 網頁:常見問題

在 Visio Web Access 中取消 Silverlight 模式

Need more help?

Expand your skills
Explore Training
Get new features first
Join Microsoft Insiders

Was this information helpful?

How satisfied are you with the translation quality?
What affected your experience?

Thank you for your feedback!

×