Diagram toolbar and context menu

(Available when you work with databases.) Click this button to show primary key columns in the diagram.

(Available when you work with databases.) Toggles the display of the following:

• For a database object visualization: show or hide the columns other than the primary key columns in the diagram.

• For a query map: show or hide the query attributes. These attributes can be a number of rows, index names, or any other additional information about the query.

(Available when you work with databases.) Click this button to hide or show virtual foreign keys in the diagram.

(Available when you work with databases.) Click this button to hide or show comments in the diagram.

Select dependencies and click this icon to see how they are connected to the root.

Select dependencies and click this icon to see what other dependencies are connected to the selected nodes.

Click this icon to select the dependency scope you want to see. PhpStorm displays only the specified dependency scope.

Click this icon to add borders to the nodes in your diagram.

Click this icon to increase the scale of the diagram. Alternatively, press NumPad +.

Click this icon to decrease the scale of the diagram. Alternatively, press NumPad -.

Click this icon to restore the actual size of the diagram.

Click this icon to make the contents fit into the current diagram size.

Click this icon to apply the current layout, selected from the Layout node of the diagram context menu.

Click this icon to scale the diagram to the edges of the window.

Click this icon to copy the diagram into the clipboard.

Click this icon and then select any diagram area with the mouse: the selected area will be copied into the clipboard.

Click this icon to export a diagram using various formats, which are compatible with third-party tools, to a file, to an image, or open the diagram in the browser.

You can select and configure the following options:

• : click this button to select a third-party editor to which you can export the diagram.

• : click this button to save the diagram to a clipboard using one of the available formats.

• : click this button to save the current diagram as a file. You can use one of the available formats from the list.

• : click this button to save the current diagram in the PNG format.

• : click this button to print the diagram.

Click this button to refresh the whole diagram.

Click this button to open the Diagram settings where you can configure additional options.

Click this icon to open the diagram preview in a separate frame, where you can configure the page layout, scale, and headings information.

Selected Element Actions

Use this option to open a list of actions that is applied to a selected element in the diagram. You can select actions to copy an element, jump to its source, find its usages, use the Navigate actions, various Git actions, and so on.

Content

Use this option to open a list of actions that help you to add new elements, show dependencies, sort elements inside the diagram, and so on.

• Add class to diagram (Space):

  Choose this command to add existing class to the diagram background.

• New (AltInsert):

  Choose this command to create a new node element or member.

• Show Categories: Choose this command to show the selected code element in the class nodes. For example, you can select Fields to see all the field elements in the classes.

note

The rest of the commands in the list are available in the toolbar.

New

Use this node to add new elements to a diagram.

Show Categories

Shows or hides categories like columns or key columns.

Add Class to Diagram

Enables adding an existing class to the diagram. Start typing the class name and select the target item from the completion list.

Delete

Deletes the selected diagram.

Analyze Graph

Use this node to select one of the commands to analyze a diagram. You can check the graph characteristics, change the focus of the graph, measure graph centrality, and so on.

Refactor

This node contains refactoring commands, enabled in the current context.

Jump to Source

Choose this command to open the selected diagram node element in the editor.

Find Usages

Choose this command to search for usages of the selected node element.

Layout

Select the desired diagram layout from the submenu.

Route Edges

Select this action to center the diagram in the editor.

Show Edge Labels

Check this command to show multiplicities in diagram.

Behavior

Use this option to select commands related to the diagram behavior sucha as aligning elements against the grid, showing structure view for the selected node, or fitting the content after the layout.

Export Diagram

Use this option to export a diagram using various formats, which are compatible with third-party tools, to a file, to an image, or open the diagram in the browser.