You are here:
Use the Vlocity Graph Component Editor
When you add a Relationship Graph component to a page, you can edit some Relationship Graph settings when you edit the page.
To edit a Relationship Graph in the Vlocity Graph Component Editor in Lightning App Builder:
- Go to a page that includes a Relationship Graph. For example, go to the Contacts tab and see if a Relationship Graph for that Contact is displayed.
If no page includes a Relationship Graph, go to a page that could logically include one, such as the Contacts tab.
- Click the gear icon and select Edit Page from the menu.
- Select the Vlocity Graph or Vlocity Timeline component in the page. The component settings appear in the right panel.
If there is no Relationship Graph in the page, drag a Vlocity Graph or Vlocity Timeline component into the page.
- For a Vlocity Graph component, select the Graph Type, either Radial Graph, Hierarchy, or Sankey Diagram.
- Type part of the graph name in the Select Graph field, then select it from the list.
- Edit the other Vlocity Graph settings.
- Click Save.
- Vlocity Graph Component Editor Settings
Settings in the Vlocity Graph Component Editor that you can change are listed here, including the number of nodes and the number of relationship degrees. - Example Custom Record Id Class
When you configure a Relationship Graph Use the Vlocity Graph Component Editor, by default the Vlocity Graph component uses the Id of the record associated with the page as the root object. You can use an Apex class to provide a different record Id. - JavaScript refreshGraph Method for Lightning Web Components
If you embed a Relationship Graph in another Lightning Web Component, you can use the JavaScript refreshGraph method to refresh the Relationship Graph. For example, if another embedded Lightning Web Component lets you change data that might affect the graph, that Lightning Web Component component can refresh the graph after any such change.
Did this article solve your issue?
Let us know so we can improve!
