Style implementation for INode instances in an IGraph.
Inheritance Hierarchy
INodeStyle
Implemented Interfaces
Remarks
Implementations are responsible for rendering INode instances in a CanvasComponent. It is up to the implementation to interpret the visual appearance of a node. The framework uses the associated, possibly shared renderer to perform the actual rendering of this style for a given node. This interface extends the ICloneable interface. This allows clients to obtain a persistent copy of the current state of this style. Immutable style implementations may return themselves.
Related Reading in the Developer's Guide
Working with styles (and their style renderers) is explained in detail in the section Visualization of Graph Elements: Styles.
Related Programming Samples
- Custom Styles
- Shows how to create custom styles for nodes, edges, labels, ports, and edge arrows.
- 01 Create A Rectangle
- Create a simple node style using SVG
Type Details
- yfiles module
- view-component
- yfiles-umd modules
- All view modules
- Legacy UMD name
- yfiles.styles.INodeStyle
See Also
Setting Styles,
Visualization of Graph Elements: Styles,
Node Styles,
Basic Style Implementation,
Separating Style and Renderer
Properties
Gets the renderer implementation that can be queried for implementations that provide details about the visual appearance and visual behavior for a given node and this style instance.
Remarks
The idiom for retrieving, e.g. an IVisualCreator implementation for a given style is:
const creator = style.renderer.getVisualCreator(node, style)
const visual = creator.createVisual(context)
See Also
Methods
Create a clone of this object.