Diagram Viewer (Call Graph) (Latest)

Diagram Viewer (Call Graph) (Latest)

CM EvolveIT Diagram Viewer allows visualizing Object relation.
This document covers how to use CM EvolveIT Diagram View.  

        New at v11.4                                                                                                     
  1. Open new diagram
  2. Show/Hide diagram window
  3. Item Search
  4. Multiple graph views
  5. Extend the relationship by each Node
  6. Merge two graphs

How to open the Diagram Viewer:


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)


Call Graph Depth:
Self opens Diagram Viewer for the current Object Only
Neighbor, Shallow, Middle, Deep and Full shows the deeper relationship




Diagram Viewer UI:


Diagram Viewer UI Detail:

1. Show/hide windows [New]

To show/hide the current windows

2. Open graph viewer [New]

Open the current existed graph viewer or open a new once with an empty graph view tab which is able importing from file.



3. Graph view tab 

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:   or Show: 
Will highlight items that have a name or description match with the search input (support regex search )



7. Actions bar

  1. Change layout direction. Horizontal or Vertical 
    


      

  1. Change depth of diagram: 
      
  1. Change source data for working items. Backward (items call working item) or Forward(woking item call..)
      
  1. 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
      
  1. Report button dropdown: We can print diagrams, export data as JSON or CSV. Exporting with DrawIO format.
      
 

8. Minimal view 



User can control the location of graph by use minimal view

9. Diagram 


 9.1. Click action on the item or relationship in the diagram: 

      We can show item detail or relationship detail when we click on.
  1. Click on item: 
      
  1. Click on the relationship

      9.2. Detailed pop-up actions:
      
  1. Expand relationship of each node [New]
      

  1. Add backward items:
      


      
  1. Add forward items:
      
      
  1. Open new the diagram:
      

      
      
  1. Remove item:
      
  1. Open Node pop-up:
      
    
  
  1. Open AD pop-up:
      
      

  1. Open Estimation pop-up:
      
      
  1. Open Subsystem Chart:
            


10. Layout Action

We can zoom in, zoom out the diagram. Fit diagram with screen or refresh items position.

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

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:

    1. 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:

       

         - Name: Diagram Name
         - Description: Diagram Description
         - Is Public: Public your Diagram with another user
    1. Result:
         Save Diagram: Override current Diagram
        

         Save Diagram As: Save as New Diagram

           
    1. Autosaving Diagram:
          While you are working with a Diagram. The Diagram will be saved automatically every 5 minutes.

    15. Path Selection

    1. 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
          

    1. Path Selection By Select start node and end node:
          
                     

          

    1. Graph button: Open selected nodes and edges in new tab

          

             

    1. Clear Button: Unselect nodes and edge on current view.
            

      • Related Articles

      • CM evolveIT Diagram Viewer

        CM evolveIT Diagram Viewer CM EvolveIT Diagram Viewer allows visualizing Object relation. This document covers how to use CM EvolveIT Diagram View. New at v11.5 + View mode + Layout direction: circle and combound + View graph local: centric view + ...

      • How to implement file viewer in WebClient using Office Web Viewer

        Reference https://www.microsoft.com/en-us/microsoft-365/blog/2013/04/10/office-web-viewer-view-office-documents-in-a-browser/ How to implement the FileViewer.ctrl The FileViewer.ctrl template is applied over an edit control in your Plex panel, at ...

      • Managing Saved Diagram

        CM EvolveIT Saving Diagram allows users save Diagram to view later or keep the view that they want to focus on. It also allows sharing Diagram other team members. This document covers how to use CM EvolveIT Saving Diagram. Please Visit this page How ...

      • Call RPG Programs from M3

        To call RPG From the M3 Pattern you have 2 options to inherit from: @EXCUSRPGM This is the default pattern , this uses the JT400 toolkit to make the call to the RPG program.   Requirements To use this you should use the M3 Login process as this ...

      • Asset Browser

        Evolve IT Asset Browser This document will cover the basics of the CM evolveIT Dashboard Asset Browser. There will be a discussion of the different options available in the dashboard Asset Browser. Asset Browser is one of the main entry points to ...