在網頁上顯示 Visio 圖表

套用到
Visio 方案 1 Visio 專業版 2024 Visio 專業版 2021 Visio 專業版 2019 Visio 專業版 2016

有數種方式可以在網頁上顯示 Visio 圖表,例如在部落格、SharePoint 或網頁應用程式中顯示圖表。 樓層圖、時間表、程序流程、網狀圖等在 Web 上使用時更容易找到且更實用。 此外,Visio 中對原始圖表的儲存變更會自動反映在網頁上,這意味著專案關係人和其他檢視者可以看到最新的圖表。

重要

根據預設。 某人按下 Ctrl 鍵並按一下內嵌連結,即可追蹤內嵌連結。 不過,如果您希望使用者只要 按一下 連結即可追蹤連結, &wdClickOnlyHyperlinks=true 請在內嵌程式碼中 iframe src 屬性結尾新增。

使用 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. 在右側的內容窗格 ) 尋找 [ 工具箱 ]  ([工具箱] 圖示 。 選取 [ 查看所有網頁組件],然後從網頁組件清單中選取或拖放 [檔案和媒體 ]。
  4. 瀏覽至您要插入的 Visio 圖表,然後選擇 [新增文件]。

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

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

  1. 瀏覽至含有 Visio 檔案的文件庫。
  2. 若要在 Visio 網頁版中開啟 Visio 圖表,請選取 Visio 檔案。
  3. 選取 [顯示更多命令] (...) >[內嵌]。
  4. 在 [內嵌] 對話方塊中,複製 [內嵌程式碼]
  5. 瀏覽至您要新增 Visio 圖表的網頁。
  6. 選取 頁面>編輯
  7. 在網頁的可編輯區域內按一下。
  8. 選取 [ 插入>內嵌程式碼]。

如果要追蹤圖表中的超連結,請按住 Ctrl 鍵,然後按一下該超連結。 

使用 Visio JavaScript API 建立 Visio 網頁版混搭

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

另請參閱

Visio 網頁版說明

Visio 網頁版:常見問題集

淘汰 Visio Web Access 中的 Silverlight 模式