Skip to main content

components_Graph

perfect-graph / Modules / components/Graph

Module: components/Graph#

Table of contents#

References#

Namespaces#

Type aliases#

Variables#

References#

DefaultRenderClusterNode#

Re-exports DefaultRenderClusterNode


DefaultRenderEdge#

Re-exports DefaultRenderEdge


DefaultRenderNode#

Re-exports DefaultRenderNode

Type aliases#

GraphProps#

Ƭ GraphProps: Object

Type declaration#

NameTypeDescription
children?React.ReactNode-
config?GraphConfigAll graph config for nodes and edges
drawLine?DrawLineThe function to draw line for edge connection vectors
edgesEdgeData[]Edge data list to render
extraData?anyTo rerender the graph when the extra data changes
nodesNodeData[]Node data list to render
onBoxSelection?OnBoxSelectionEvent handler for box selection event. It gives the selected nodes
onPress?ViewportOnPressEvent handler for graph canvas background
renderClusterNode?RenderClusterNodeIt returns a PIXI.DisplayObject instance as React.Node for the cluster node
renderEdge?RenderEdgeIt returns a PIXI.DisplayObject instance as React.Node for the edge
renderNode?RenderNodeIt returns a PIXI.DisplayObject instance as React.Node for the node
selectedElementIds?string[]It gives the selected nodes. It is used for selected node highlighting and DataBar
style?ViewProps["style"]Style for graph container view

Defined in#

components/Graph/index.tsx:34

Variables#

Graph#

• Graph: FC<PropsWithRef<GraphRef, GraphProps>>

The stage creator for the network graph. It handles rendering operations of nodes and edges.

Defined in#

components/Graph/index.tsx:409