Styles

You can style a graph using the Styles attribute in the Property Editor of the Page Designer.

1. Select the graph visualization component in the Rendering tab on the left pane of the Page Designer.
2. Select Attributes in the Property Editor on the right pane of the Page Designer.
3. Enter the input for styling in JSON format in the Styles input box.
   See styles in Oracle Graph JavaScript API Reference for Property Graph Visualization for more information on the Style interface.

   The following example shows the JSON input to add a vertex style.

   {
      "vertex":{
         "size":12,
         "label":"${properties.FirstName} ${properties.LastName}",
         "color":"#d5445a",
         "icon":"fa-user"
       }
   }

   Note:

   • If the JSON input contains styling for properties that are already set in the Appearance panel (such as Vertex Label, Edge Label, or Maximum Label Length), then the property values that are provided directly will override the JSON values.
   • The plug-in supports icons in the Font APEX library.