Diagram toolbar and context menu
Use the diagram editor toolbar to quickly access actions and the context menu to manage the displayed diagram.
Click this button to show primary key columns in diagram .
Click this button to show columns in 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 cursor: 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 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.
The table below contains commands that are not available from the toolbar.
Use this node to add new elements to a diagram.
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.
Deletes the selected diagram.
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.
Choose this command to search for usages of the selected node element.
Select the desired diagram layout from the submenu.
Select this action to center the diagram in the editor.
Show Edge Labels
Check this command to show multiplicities in diagram.
Export to Image File
Saves the diagram in an image file with the specified name and path. The possible formats are: jpeg, png, svg, svgz, or gif.
Prints the diagram.
Save UML Diagram
Saves the current diagram in the specified location as xml file.