Provides constants for shapes that ShapeNodeStyle instances can render.
Members
No filters for this type
Constants
static
Examples
The following example shows a ShapeNodeStyle with a DIAMOND shape.
const style = new ShapeNodeStyle({
shape: 'diamond',
})
graph.setStyle(node, style)See Also
Developer's Guide
static
Examples
The following example shows a ShapeNodeStyle with an ELLIPSE shape.
const style = new ShapeNodeStyle({
shape: 'ellipse',
})
graph.setStyle(node, style)If the shape should be a circle irrespective of the node layout's width-to-height ratio, set the keepIntrinsicAspectRatio property to true.
The following example shows a ShapeNodeStyle with a circle shape.
const style = new ShapeNodeStyle({
shape: 'ellipse',
keepIntrinsicAspectRatio: true,
})
graph.setStyle(node, style)See Also
Developer's Guide
See RectangleNodeStyle and ArrowNodeStyle for hexagonal polygons with different resize behavior and/or configurable angles.
static
Examples
The following example shows a ShapeNodeStyle with a HEXAGON shape.
const style = new ShapeNodeStyle({
shape: 'hexagon',
})
graph.setStyle(node, style)See Also
Developer's Guide
See RectangleNodeStyle and ArrowNodeStyle for hexagonal polygons with different resize behavior and/or configurable angles.
static
Examples
The following example shows a ShapeNodeStyle with a HEXAGON_STANDING shape.
const style = new ShapeNodeStyle({
shape: 'hexagon-standing',
})
graph.setStyle(node, style)See Also
Developer's Guide
See RectangleNodeStyle for octagonal polygons with different resize behavior and configurable corner sizes.
static
Examples
The following example shows a ShapeNodeStyle with an OCTAGON shape.
const style = new ShapeNodeStyle({
shape: 'octagon',
})
graph.setStyle(node, style)See Also
Developer's Guide
See RectangleNodeStyle for octagonal polygons with different resize behavior and configurable corner sizes.
static
Examples
The following example shows a ShapeNodeStyle with a OCTAGON_STANDING shape.
const style = new ShapeNodeStyle({ shape: 'octagon-standing' })
graph.setStyle(node, style)See Also
Developer's Guide
static
Examples
The following example shows a ShapeNodeStyle with a PENTAGON shape.
const style = new ShapeNodeStyle({ shape: 'pentagon' })
graph.setStyle(node, style)See Also
Developer's Guide
static
Examples
The following example shows a ShapeNodeStyle with a PILL shape.
const style = new ShapeNodeStyle({
shape: 'pill',
})
graph.setStyle(node, style)See Also
Developer's Guide
static
Examples
The following example shows a ShapeNodeStyle with a RECTANGLE shape.
const style = new ShapeNodeStyle({
shape: 'rectangle',
})
graph.setStyle(node, style)If the shape should be a square irrespective of the node layout's width-to-height ratio, set the keepIntrinsicAspectRatio property to true.
The following example shows a ShapeNodeStyle with a square shape.
const style = new ShapeNodeStyle({
shape: 'rectangle',
keepIntrinsicAspectRatio: true,
})
graph.setStyle(node, style)See Also
Developer's Guide
The corner size is 10. See RectangleNodeStyle for rectangular shapes with a configurable corner size.
static
Examples
The following example shows a ShapeNodeStyle with a ROUND_RECTANGLE shape.
const style = new ShapeNodeStyle({
shape: 'round-rectangle',
})
graph.setStyle(node, style)If the shape should be a square with rounded corners irrespective of the node layout's width-to-height ratio, set the keepIntrinsicAspectRatio property to true.
The following example shows a ShapeNodeStyle with a square with rounded corners shape.
const style = new ShapeNodeStyle({
shape: 'round-rectangle',
keepIntrinsicAspectRatio: true,
})
graph.setStyle(node, style)See Also
Developer's Guide
static
Examples
The following example shows a ShapeNodeStyle with a STAR5 shape.
const style = new ShapeNodeStyle({
shape: 'star5',
})
graph.setStyle(node, style)See Also
Developer's Guide
static
Examples
The following example shows a ShapeNodeStyle with a STAR6 shape.
const style = new ShapeNodeStyle({
shape: 'star6',
})
graph.setStyle(node, style)See Also
Developer's Guide
static
Examples
The following example shows a ShapeNodeStyle with a STAR8 shape.
const style = new ShapeNodeStyle({
shape: 'star8',
})
graph.setStyle(node, style)See Also
Developer's Guide
static
Examples
The following example shows a ShapeNodeStyle with a TRIANGLE shape.
const style = new ShapeNodeStyle({
shape: 'triangle',
})
graph.setStyle(node, style)See Also
Developer's Guide
static
Examples
The following example shows a ShapeNodeStyle with a TRIANGLE_POINTING_DOWN shape.
const style = new ShapeNodeStyle({
shape: 'triangle-pointing-down',
})
graph.setStyle(node, style)See Also
Developer's Guide
static
Examples
The following example shows a ShapeNodeStyle with a TRIANGLE_POINTING_DOWN shape.
const style = new ShapeNodeStyle({
shape: 'triangle-pointing-left',
})
graph.setStyle(node, style)See Also
Developer's Guide
static
Examples
The following example shows a ShapeNodeStyle with a TRIANGLE shape.
const style = new ShapeNodeStyle({
shape: 'triangle-pointing-right',
})
graph.setStyle(node, style)See Also
Developer's Guide
Static Methods
Converts the given argument to an enum constant of this enum type.
Converts the given argument to an enum constant of this enum type.
Most notably, this method can convert an enum constant's name into the enum constant itself.
static
Parameters
- value: ShapeNodeShape
- The value to convert to an enum constant.
Return Value
- ShapeNodeShape
- The enum constant that corresponds to the given argument.
Returns the name of the given enum constant.
Returns the name of the given enum constant.
static
Parameters
- value: ShapeNodeShape
- The numeric value of an enum constant.
Return Value
- string
- The name of the enum constant.
Throws
- Exception ({ name: 'Error' })
- If this type is a flags enums, and the provided value doesn't correspond to a single enum constant, or if this enum type contains no constant of the given numeric value.