CM EvolveIT Diagram Viewer allows visualizing Object relation.
![](https://img.zohostatic.com/zde/static/images/quote.png)
1. Object Browser => Search Object => Select Object => Call Graph
2. Object Search => Item Search => Select Object => Call Graph
3. Graph Viewer button (1) (Open current hidden graph views or importing graph)
4. Window viewer (2) (Show all hidden window includes graph viewer)
3. Graph view tab
![](https://support.cmfirstgroup.com/galleryDocuments/edbsn15df989b340410faa090bb051c8e5546100b813b64e4619f0b83a7e73ef6b6cb14b5cfb356109ac7cbfc16b7d5083aa1?inline=true)
Select tab to change graph view.
When "x" button is clicked, the tab view should be closed.
User can open multiple graph views at the same time [New]
4. Add new graph view [New]
When "+" button is clicked, a new graph view tab will be created which allows to import existing graph view from file.
5. Show/hide hidden item:
Hide:
![](https://desk.zoho.com/DocsDisplay?zgId=676155140&mode=inline&blockId=e9nmw62e9eea1bf4a47bd89225390bb662db0)
or Show:
![](https://desk.zoho.com/DocsDisplay?zgId=676155140&mode=inline&blockId=e9nmw539c268fe4484e8f9b3f7d9a7e0a6751)
6. Search bar:
Will highlight items that have a name or description match with the search input (support regex search )
7. Actions bar
- Change layout direction. Horizontal or Vertical
- Change depth of diagram:
- Change source data for working items. Backward (items call working item) or Forward(woking item call..)
- Layout button dropdown: Export or Import Diagram as JSON file. Beside that, we can update diagram by removing highlights items (items match with search event) or orphan item
- Report button dropdown: We can print diagrams, export data as JSON or CSV. Exporting with DrawIO format.
8. Minimal view
![](https://support.cmfirstgroup.com/galleryDocuments/edbsnd848e0014d84422839f392a6b7df6cbdd1c400e03180bd03c0a0333b8bb3229848e34f114aeeb3444ff7afaf5cf6f642?inline=true)
User can control the location of graph by use minimal view
9. Diagram
![](https://support.cmfirstgroup.com/galleryDocuments/edbsna5dbb75b6b9df12e777f441f7303ca6a0385483ccafd83e141f10f2c96da3654fbd557c8e7ec3a520a61d8c58e7f094a?inline=true)
9.1. Click action on the item or relationship in the diagram:
We can show item detail or relationship detail when we click on.
- Click on item:
- Click on the relationship
![](https://support.cmfirstgroup.com/galleryDocuments/edbsn2cd4dc61a27fd2b38dcd944427af04b4b28b64ddb9c9007e8b28b6bf5853bf3d43a3ba3a100fa108fb651681477c40fd?inline=true)
9.2. Detailed pop-up actions:
- Expand relationship of each node [New]
![](https://support.cmfirstgroup.com/galleryDocuments/edbsn3e5e7b62fb1aed53bc3d6e49655528d7c8bdb381870fcbfa9a8651546e11f73972306b7faa0d7e2cb9a774e0cf8f108b?inline=true)
- Add backward items:
- Add forward items:
- Open new the diagram:
- Remove item:
- Open Node pop-up:
- Open AD pop-up:
- Open Estimation pop-up:
- Open Subsystem Chart:
10. Layout Action
We can zoom in, zoom out the diagram. Fit diagram with screen or refresh items position.
![](https://support.cmfirstgroup.com/galleryDocuments/edbsn7c59ec562afeeb92e9ee64fc2adbee64fadbeb98da9f2e1c1b2c560678b7db1167b9d0fc6c56b09537372bd3dfc2d22a?inline=true)
11. Diagram info:
Show all type names with the style of all items in the diagram. We can show/hide items base on type when clicking on each type info
12. Item table:
We can view data that display in the diagram by grid table. We can filter or click on the record to show items in the diagram.
13. Merge Graphs [New]
Graph 1
![](https://support.cmfirstgroup.com/galleryDocuments/edbsnf485abae7700e02c7a8574bf00e3c3b071275d498e9eadfef3906a6ee51b95d0a1d172652969c29cfcf4ed891113baa3?inline=true)
Graph 2
Merging:
1. Clicks on Merge Graphs button to open "Select Graphs To Merge" dialog
2. Select graphs to merge
3. Clicks on Merge button to go to next step
4. Set a name for new graph and Save
14. Saving Diagram:
- Click on Layout/ Save Diagram or Save Diagram As:
- Save Diagram: Save and stay current view
- Save Diagram As: Save and open Graph in a new tab
- Save Diagram pop-up:
![](https://desk.zoho.com/DocsDisplay?zgId=676155140&mode=inline&blockId=gtyu7bd0ac9df8eb64ab5b3eda17bf5895b2e)
- Name: Diagram Name
- Description: Diagram Description
- Is Public: Public your Diagram with another user
- Result:
- Save Diagram: Override current Diagram
- Save Diagram As: Save as New Diagram
- Autosaving Diagram:
While you are working with a Diagram. The Diagram will be saved automatically every 5 minutes.
15. Path Selection
Path Selection By Edges:
- Select edges and nodes that belong to when we clicking on the unselected edges
- Unselect edges and nodes that belong to when we clicking on the selected edges
Path Selection By Select start node and end node:
![](https://desk.zoho.com/DocsDisplay?zgId=676155140&mode=inline&blockId=bl2k6bf73814459e54ba0ae8be2e38bd2ecbd)
![](https://desk.zoho.com/DocsDisplay?zgId=676155140&mode=inline&blockId=bl2k6e076a14fd1dd440ba6ef0d9a4d238aa2)
![](https://desk.zoho.com/DocsDisplay?zgId=676155140&mode=inline&blockId=bl2k6cda76623cb6d495d94ec504f902734e8)
![](https://desk.zoho.com/DocsDisplay?zgId=676155140&mode=inline&blockId=bl2k69a6bb5b1daea4865a817d7f24cb11ac6)
- Clear Button: Unselect nodes and edge on current view.