Μετάβαση στο κύριο περιεχόμενο
Office
×
Αγγλικά
Λυπούμαστε. Αυτό το άρθρο δεν είναι διαθέσιμο στη γλώσσα σας.

Display a Visio Diagram on a Web page

There are several ways to display a Visio Diagram on a Web page, such as on a blog, in SharePoint, or with a Web application. Floor charts, time-lines, process flows, network diagrams, and any other diagram are more discoverable and useful when used on the Web. Moreover, saved changes to the original diagram in Visio are automatically reflected on the Web page, which means stakeholders and other viewers see up-to-date diagrams.

Note: We no longer recommend using Visio Web Access (also called Visio Services)  or the Visio Web Access Web Part with SharePoint Online. These features will be retired from Office 365 and SharePoint Online. Learn more. In SharePoint Server, these features will be supported in accordance with the Microsoft Lifecycle Policy.

Visio for the web is your choice for future solutions in SharePoint Online and provides many improvements to Visio Web Access). For more information, see View, create, and edit a diagram in Visio for the web and Visio for the web help.

Add a diagram to any Web page by using OneDrive - personal Embed code

  1. If you don't have a OneDrive account, create one here.

  2. If necessary, upload the Visio file to OneDrive - personal.

  3. Navigate to the folder that has the Visio file, and then select it.

  4. Select Embed, and then in the Embed pane, select Generate.

  5. Optionally, adjust the size of the Zoom Level, and then copy the Embed code to the Web page or application.

Add a diagram to a SharePoint modern page by using Visio for the web Embed code

  1. Navigate to the document library that has the Visio file.

  2. To open the Visio diagram, select the file name.

  3. Select Show more commands (...) > Embed.

  4. In the Embed dialog box, copy the Embed code.

  5. Optionally, adjust the Width and Height, and then copy the Embed code.

  6. If necessary, create a modern SharePoint page where you want to insert the Visio diagram. For more information, see Add a page to a site.

  7. Navigate to the modern SharePoint page, add the Embed Code Web Part, and then add the Embed code to it.

    For more information, see Use the Embed web part on a modern page.

Add a diagram to a SharePoint modern page by using the File viewer web part

  1. If necessary, create a modern SharePoint page where you want to insert the Visio diagram. For more information, see Add a page to a site.

  2. Navigate to the modern SharePoint page.

  3. Click Circled plus sign used to add a modern web part to a page , and then choose File viewer.

    Embed a Visio diagram in a SharePoint page command

  4. Browse to the Visio diagram that you want to insert, and then choose Add Document.

For more information, see Using web parts on SharePoint Online pages.

Add a diagram to a SharePoint classic page by using the Embed Code command

  1. Navigate to the document library that has the Visio file.

  2. To open the Visio diagram in Visio for the web, select the Visio file.

  3. Select Show more commands (...) > Embed.

  4. In the Embed dialog box, copy the Embed code.

  5. Navigate to the Web page for which you want to add the Visio diagram.

  6. Select Page > Edit.

  7. Click inside the editable area on the Web page.

  8. Select Insert > Embed Code.

Create a Visio for the web mashup with the Visio JavaScript API

Visio JavaScript APIs enable programmatic access to Visio for the web diagrams on a SharePoint page. Use the APIs to first embed a Visio diagram in an HTML <Iframe> element, and then interact with the diagram elements using a script editor web part. For more information on key concepts and code examples to get you started, see Migrate from Visio Web Access to Visio for the web.

See Also

Visio for the web help

Visio for the web: Frequently Asked Questions

Deprecation of Silverlight mode in Visio Web Access

Αναπτύξτε τις δεξιότητές σας στο Office
Εξερευνήστε το περιεχόμενο της εκπαίδευσης
Αποκτήστε πρώτοι τις νέες δυνατότητες
Γίνετε μέλος του Office Insider

Σας βοήθησαν αυτές οι πληροφορίες;

Σας ευχαριστούμε για τα σχόλιά σας!

Σας ευχαριστούμε για τα σχόλιά σας! Φαίνεται ότι μπορεί να είναι χρήσιμο να συνδεθείτε με έναν από τους συνεργάτες υποστήριξης του Office.

×