Node Status

Graphin-circle has 5 built-in interactive states. The most common interactions are the hover and selected states, so we have built in two Behaviors components, and the rest of the states can be triggered manually by graph.setItemState.

Field NameDescriptionTriggered Behavior
normalDefault stategraph.setItemState(node,'normal',true)
hoverHover state<Hoverable bindType="node" />
selectedSelected state<ClickSelect />
disabledDisabled stategraph.setItemState(node,'disable',true)
activeActive state (visually highlighted)graph.setItemState(node,'active',true)
inactiveInactive state (visually weakened)graph.setItemState(node,'inactive',true)

Set Node Status

Method 1: Data Driven

Method 2: Interface Call