@graphty/graphty-element / config / SuggestedStyleLayer

Interface: SuggestedStyleLayer

Defined in: src/config/SuggestedStyles.ts:106

A single suggested style layer from an algorithm

Properties

edge?

optional edge: object

Defined in: src/config/SuggestedStyles.ts:110

Edge style configuration for this layer

calculatedStyle?

optional calculatedStyle: object

calculatedStyle.expr

expr: string

calculatedStyle.inputs

inputs: string[]

calculatedStyle.output

output: string = AllowedOuputPaths

selector

selector: string

style

style: object = EdgeStyle

style.arrowHead?

optional arrowHead: object

style.arrowHead.color?

optional color: string

style.arrowHead.opacity?

optional opacity: number

style.arrowHead.size?

optional size: number

style.arrowHead.text?

optional text: object

style.arrowHead.text.animation?

optional animation: "none" | "pulse" | "bounce" | "shake" | "glow" | "fill"

style.arrowHead.text.animationSpeed?

optional animationSpeed: number

style.arrowHead.text.attachOffset?

optional attachOffset: number

style.arrowHead.text.attachPosition?

optional attachPosition: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right"

style.arrowHead.text.autoSize?

optional autoSize: boolean

style.arrowHead.text.backgroundColor?

optional backgroundColor: string | { colorType: "solid"; opacity?: number; value: string | undefined; } | { colors: (... | ...)[]; colorType: "gradient"; direction: number; opacity?: number; } | { colors: (... | ...)[]; colorType: "radial-gradient"; opacity?: number; }

style.arrowHead.text.backgroundGradient?

optional backgroundGradient: boolean

style.arrowHead.text.backgroundGradientColors?

optional backgroundGradientColors: (string | undefined)[]

style.arrowHead.text.backgroundGradientDirection?

optional backgroundGradientDirection: "vertical" | "horizontal" | "diagonal"

style.arrowHead.text.backgroundGradientType?

optional backgroundGradientType: "linear" | "radial"

style.arrowHead.text.backgroundPadding?

optional backgroundPadding: number

style.arrowHead.text.badge?

optional badge: "notification" | "label" | "label-success" | "label-warning" | "label-danger" | "count" | "icon" | "progress" | "dot"

style.arrowHead.text.billboardMode?

optional billboardMode: number

style.arrowHead.text.borderColor?

optional borderColor: string

style.arrowHead.text.borders?

optional borders: object[]

style.arrowHead.text.borderWidth?

optional borderWidth: number

style.arrowHead.text.cornerRadius?

optional cornerRadius: number

style.arrowHead.text.depthFadeEnabled?

optional depthFadeEnabled: boolean

style.arrowHead.text.depthFadeFar?

optional depthFadeFar: number

style.arrowHead.text.depthFadeNear?

optional depthFadeNear: number

style.arrowHead.text.enabled?

optional enabled: boolean

style.arrowHead.text.font?

optional font: string

style.arrowHead.text.fontSize?

optional fontSize: number

style.arrowHead.text.fontWeight?

optional fontWeight: string

style.arrowHead.text.icon?

optional icon: string

style.arrowHead.text.iconPosition?

optional iconPosition: "left" | "right"

style.arrowHead.text.lineHeight?

optional lineHeight: number

style.arrowHead.text.location?

optional location: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right" | "automatic"

style.arrowHead.text.marginBottom?

optional marginBottom: number

style.arrowHead.text.marginLeft?

optional marginLeft: number

style.arrowHead.text.marginRight?

optional marginRight: number

style.arrowHead.text.marginTop?

optional marginTop: number

style.arrowHead.text.maxNumber?

optional maxNumber: number

style.arrowHead.text.overflowSuffix?

optional overflowSuffix: string

style.arrowHead.text.pointer?

optional pointer: boolean

style.arrowHead.text.pointerCurve?

optional pointerCurve: boolean

style.arrowHead.text.pointerDirection?

optional pointerDirection: "top" | "left" | "right" | "bottom" | "auto"

style.arrowHead.text.pointerHeight?

optional pointerHeight: number

style.arrowHead.text.pointerOffset?

optional pointerOffset: number

style.arrowHead.text.pointerWidth?

optional pointerWidth: number

style.arrowHead.text.position?

optional position: object

style.arrowHead.text.position.x

x: number

style.arrowHead.text.position.y

y: number

style.arrowHead.text.position.z

z: number

style.arrowHead.text.progress?

optional progress: number

style.arrowHead.text.resolution?

optional resolution: number

style.arrowHead.text.smartOverflow?

optional smartOverflow: boolean

style.arrowHead.text.text?

optional text: string

style.arrowHead.text.textAlign?

optional textAlign: "left" | "center" | "right"

style.arrowHead.text.textColor?

optional textColor: string

style.arrowHead.text.textOutline?

optional textOutline: boolean

style.arrowHead.text.textOutlineColor?

optional textOutlineColor: string

style.arrowHead.text.textOutlineJoin?

optional textOutlineJoin: "round" | "bevel" | "miter"

style.arrowHead.text.textOutlineWidth?

optional textOutlineWidth: number

style.arrowHead.text.textPath?

optional textPath: string

style.arrowHead.text.textShadow?

optional textShadow: boolean

style.arrowHead.text.textShadowBlur?

optional textShadowBlur: number

style.arrowHead.text.textShadowColor?

optional textShadowColor: string

style.arrowHead.text.textShadowOffsetX?

optional textShadowOffsetX: number

style.arrowHead.text.textShadowOffsetY?

optional textShadowOffsetY: number

style.arrowHead.type?

optional type: "none" | "dot" | "normal" | "inverted" | "sphere-dot" | "open-dot" | "tee" | "open-normal" | "diamond" | "open-diamond" | "crow" | "box" | "half-open" | "vee"

style.arrowTail?

optional arrowTail: object

style.arrowTail.color?

optional color: string

style.arrowTail.opacity?

optional opacity: number

style.arrowTail.size?

optional size: number

style.arrowTail.text?

optional text: object

style.arrowTail.text.animation?

optional animation: "none" | "pulse" | "bounce" | "shake" | "glow" | "fill"

style.arrowTail.text.animationSpeed?

optional animationSpeed: number

style.arrowTail.text.attachOffset?

optional attachOffset: number

style.arrowTail.text.attachPosition?

optional attachPosition: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right"

style.arrowTail.text.autoSize?

optional autoSize: boolean

style.arrowTail.text.backgroundColor?

optional backgroundColor: string | { colorType: "solid"; opacity?: number; value: string | undefined; } | { colors: (... | ...)[]; colorType: "gradient"; direction: number; opacity?: number; } | { colors: (... | ...)[]; colorType: "radial-gradient"; opacity?: number; }

style.arrowTail.text.backgroundGradient?

optional backgroundGradient: boolean

style.arrowTail.text.backgroundGradientColors?

optional backgroundGradientColors: (string | undefined)[]

style.arrowTail.text.backgroundGradientDirection?

optional backgroundGradientDirection: "vertical" | "horizontal" | "diagonal"

style.arrowTail.text.backgroundGradientType?

optional backgroundGradientType: "linear" | "radial"

style.arrowTail.text.backgroundPadding?

optional backgroundPadding: number

style.arrowTail.text.badge?

optional badge: "notification" | "label" | "label-success" | "label-warning" | "label-danger" | "count" | "icon" | "progress" | "dot"

style.arrowTail.text.billboardMode?

optional billboardMode: number

style.arrowTail.text.borderColor?

optional borderColor: string

style.arrowTail.text.borders?

optional borders: object[]

style.arrowTail.text.borderWidth?

optional borderWidth: number

style.arrowTail.text.cornerRadius?

optional cornerRadius: number

style.arrowTail.text.depthFadeEnabled?

optional depthFadeEnabled: boolean

style.arrowTail.text.depthFadeFar?

optional depthFadeFar: number

style.arrowTail.text.depthFadeNear?

optional depthFadeNear: number

style.arrowTail.text.enabled?

optional enabled: boolean

style.arrowTail.text.font?

optional font: string

style.arrowTail.text.fontSize?

optional fontSize: number

style.arrowTail.text.fontWeight?

optional fontWeight: string

style.arrowTail.text.icon?

optional icon: string

style.arrowTail.text.iconPosition?

optional iconPosition: "left" | "right"

style.arrowTail.text.lineHeight?

optional lineHeight: number

style.arrowTail.text.location?

optional location: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right" | "automatic"

style.arrowTail.text.marginBottom?

optional marginBottom: number

style.arrowTail.text.marginLeft?

optional marginLeft: number

style.arrowTail.text.marginRight?

optional marginRight: number

style.arrowTail.text.marginTop?

optional marginTop: number

style.arrowTail.text.maxNumber?

optional maxNumber: number

style.arrowTail.text.overflowSuffix?

optional overflowSuffix: string

style.arrowTail.text.pointer?

optional pointer: boolean

style.arrowTail.text.pointerCurve?

optional pointerCurve: boolean

style.arrowTail.text.pointerDirection?

optional pointerDirection: "top" | "left" | "right" | "bottom" | "auto"

style.arrowTail.text.pointerHeight?

optional pointerHeight: number

style.arrowTail.text.pointerOffset?

optional pointerOffset: number

style.arrowTail.text.pointerWidth?

optional pointerWidth: number

style.arrowTail.text.position?

optional position: object

style.arrowTail.text.position.x

x: number

style.arrowTail.text.position.y

y: number

style.arrowTail.text.position.z

z: number

style.arrowTail.text.progress?

optional progress: number

style.arrowTail.text.resolution?

optional resolution: number

style.arrowTail.text.smartOverflow?

optional smartOverflow: boolean

style.arrowTail.text.text?

optional text: string

style.arrowTail.text.textAlign?

optional textAlign: "left" | "center" | "right"

style.arrowTail.text.textColor?

optional textColor: string

style.arrowTail.text.textOutline?

optional textOutline: boolean

style.arrowTail.text.textOutlineColor?

optional textOutlineColor: string

style.arrowTail.text.textOutlineJoin?

optional textOutlineJoin: "round" | "bevel" | "miter"

style.arrowTail.text.textOutlineWidth?

optional textOutlineWidth: number

style.arrowTail.text.textPath?

optional textPath: string

style.arrowTail.text.textShadow?

optional textShadow: boolean

style.arrowTail.text.textShadowBlur?

optional textShadowBlur: number

style.arrowTail.text.textShadowColor?

optional textShadowColor: string

style.arrowTail.text.textShadowOffsetX?

optional textShadowOffsetX: number

style.arrowTail.text.textShadowOffsetY?

optional textShadowOffsetY: number

style.arrowTail.type?

optional type: "none" | "dot" | "normal" | "inverted" | "sphere-dot" | "open-dot" | "tee" | "open-normal" | "diamond" | "open-diamond" | "crow" | "box" | "half-open" | "vee"

style.enabled?

optional enabled: boolean

style.label?

optional label: object

style.label.animation?

optional animation: "none" | "pulse" | "bounce" | "shake" | "glow" | "fill"

style.label.animationSpeed?

optional animationSpeed: number

style.label.attachOffset?

optional attachOffset: number

style.label.attachPosition?

optional attachPosition: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right"

style.label.autoSize?

optional autoSize: boolean

style.label.backgroundColor?

optional backgroundColor: string | { colorType: "solid"; opacity?: number; value: string | undefined; } | { colors: (string | undefined)[]; colorType: "gradient"; direction: number; opacity?: number; } | { colors: (string | undefined)[]; colorType: "radial-gradient"; opacity?: number; }

style.label.backgroundGradient?

optional backgroundGradient: boolean

style.label.backgroundGradientColors?

optional backgroundGradientColors: (string | undefined)[]

style.label.backgroundGradientDirection?

optional backgroundGradientDirection: "vertical" | "horizontal" | "diagonal"

style.label.backgroundGradientType?

optional backgroundGradientType: "linear" | "radial"

style.label.backgroundPadding?

optional backgroundPadding: number

style.label.badge?

optional badge: "notification" | "label" | "label-success" | "label-warning" | "label-danger" | "count" | "icon" | "progress" | "dot"

style.label.billboardMode?

optional billboardMode: number

style.label.borderColor?

optional borderColor: string

style.label.borders?

optional borders: object[]

style.label.borderWidth?

optional borderWidth: number

style.label.cornerRadius?

optional cornerRadius: number

style.label.depthFadeEnabled?

optional depthFadeEnabled: boolean

style.label.depthFadeFar?

optional depthFadeFar: number

style.label.depthFadeNear?

optional depthFadeNear: number

style.label.enabled?

optional enabled: boolean

style.label.font?

optional font: string

style.label.fontSize?

optional fontSize: number

style.label.fontWeight?

optional fontWeight: string

style.label.icon?

optional icon: string

style.label.iconPosition?

optional iconPosition: "left" | "right"

style.label.lineHeight?

optional lineHeight: number

style.label.location?

optional location: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right" | "automatic"

style.label.marginBottom?

optional marginBottom: number

style.label.marginLeft?

optional marginLeft: number

style.label.marginRight?

optional marginRight: number

style.label.marginTop?

optional marginTop: number

style.label.maxNumber?

optional maxNumber: number

style.label.overflowSuffix?

optional overflowSuffix: string

style.label.pointer?

optional pointer: boolean

style.label.pointerCurve?

optional pointerCurve: boolean

style.label.pointerDirection?

optional pointerDirection: "top" | "left" | "right" | "bottom" | "auto"

style.label.pointerHeight?

optional pointerHeight: number

style.label.pointerOffset?

optional pointerOffset: number

style.label.pointerWidth?

optional pointerWidth: number

style.label.position?

optional position: object

style.label.position.x

x: number

style.label.position.y

y: number

style.label.position.z

z: number

style.label.progress?

optional progress: number

style.label.resolution?

optional resolution: number

style.label.smartOverflow?

optional smartOverflow: boolean

style.label.text?

optional text: string

style.label.textAlign?

optional textAlign: "left" | "center" | "right"

style.label.textColor?

optional textColor: string

style.label.textOutline?

optional textOutline: boolean

style.label.textOutlineColor?

optional textOutlineColor: string

style.label.textOutlineJoin?

optional textOutlineJoin: "round" | "bevel" | "miter"

style.label.textOutlineWidth?

optional textOutlineWidth: number

style.label.textPath?

optional textPath: string

style.label.textShadow?

optional textShadow: boolean

style.label.textShadowBlur?

optional textShadowBlur: number

style.label.textShadowColor?

optional textShadowColor: string

style.label.textShadowOffsetX?

optional textShadowOffsetX: number

style.label.textShadowOffsetY?

optional textShadowOffsetY: number

style.line?

optional line: object

style.line.animationSpeed?

optional animationSpeed: number

style.line.bezier?

optional bezier: boolean

style.line.color?

optional color: string

style.line.opacity?

optional opacity: number

style.line.type?

optional type: "solid" | "dot" | "diamond" | "box" | "star" | "dash" | "dash-dot" | "sinewave" | "zigzag"

style.line.width?

optional width: number

style.tooltip?

optional tooltip: object

style.tooltip.animation?

optional animation: "none" | "pulse" | "bounce" | "shake" | "glow" | "fill"

style.tooltip.animationSpeed?

optional animationSpeed: number

style.tooltip.attachOffset?

optional attachOffset: number

style.tooltip.attachPosition?

optional attachPosition: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right"

style.tooltip.autoSize?

optional autoSize: boolean

style.tooltip.backgroundColor?

optional backgroundColor: string | { colorType: "solid"; opacity?: number; value: string | undefined; } | { colors: (string | undefined)[]; colorType: "gradient"; direction: number; opacity?: number; } | { colors: (string | undefined)[]; colorType: "radial-gradient"; opacity?: number; }

style.tooltip.backgroundGradient?

optional backgroundGradient: boolean

style.tooltip.backgroundGradientColors?

optional backgroundGradientColors: (string | undefined)[]

style.tooltip.backgroundGradientDirection?

optional backgroundGradientDirection: "vertical" | "horizontal" | "diagonal"

style.tooltip.backgroundGradientType?

optional backgroundGradientType: "linear" | "radial"

style.tooltip.backgroundPadding?

optional backgroundPadding: number

style.tooltip.badge?

optional badge: "notification" | "label" | "label-success" | "label-warning" | "label-danger" | "count" | "icon" | "progress" | "dot"

style.tooltip.billboardMode?

optional billboardMode: number

style.tooltip.borderColor?

optional borderColor: string

style.tooltip.borders?

optional borders: object[]

style.tooltip.borderWidth?

optional borderWidth: number

style.tooltip.cornerRadius?

optional cornerRadius: number

style.tooltip.depthFadeEnabled?

optional depthFadeEnabled: boolean

style.tooltip.depthFadeFar?

optional depthFadeFar: number

style.tooltip.depthFadeNear?

optional depthFadeNear: number

style.tooltip.enabled?

optional enabled: boolean

style.tooltip.font?

optional font: string

style.tooltip.fontSize?

optional fontSize: number

style.tooltip.fontWeight?

optional fontWeight: string

style.tooltip.icon?

optional icon: string

style.tooltip.iconPosition?

optional iconPosition: "left" | "right"

style.tooltip.lineHeight?

optional lineHeight: number

style.tooltip.location?

optional location: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right" | "automatic"

style.tooltip.marginBottom?

optional marginBottom: number

style.tooltip.marginLeft?

optional marginLeft: number

style.tooltip.marginRight?

optional marginRight: number

style.tooltip.marginTop?

optional marginTop: number

style.tooltip.maxNumber?

optional maxNumber: number

style.tooltip.overflowSuffix?

optional overflowSuffix: string

style.tooltip.pointer?

optional pointer: boolean

style.tooltip.pointerCurve?

optional pointerCurve: boolean

style.tooltip.pointerDirection?

optional pointerDirection: "top" | "left" | "right" | "bottom" | "auto"

style.tooltip.pointerHeight?

optional pointerHeight: number

style.tooltip.pointerOffset?

optional pointerOffset: number

style.tooltip.pointerWidth?

optional pointerWidth: number

style.tooltip.position?

optional position: object

style.tooltip.position.x

x: number

style.tooltip.position.y

y: number

style.tooltip.position.z

z: number

style.tooltip.progress?

optional progress: number

style.tooltip.resolution?

optional resolution: number

style.tooltip.smartOverflow?

optional smartOverflow: boolean

style.tooltip.text?

optional text: string

style.tooltip.textAlign?

optional textAlign: "left" | "center" | "right"

style.tooltip.textColor?

optional textColor: string

style.tooltip.textOutline?

optional textOutline: boolean

style.tooltip.textOutlineColor?

optional textOutlineColor: string

style.tooltip.textOutlineJoin?

optional textOutlineJoin: "round" | "bevel" | "miter"

style.tooltip.textOutlineWidth?

optional textOutlineWidth: number

style.tooltip.textPath?

optional textPath: string

style.tooltip.textShadow?

optional textShadow: boolean

style.tooltip.textShadowBlur?

optional textShadowBlur: number

style.tooltip.textShadowColor?

optional textShadowColor: string

style.tooltip.textShadowOffsetX?

optional textShadowOffsetX: number

style.tooltip.textShadowOffsetY?

optional textShadowOffsetY: number

---

metadata?

optional metadata: SuggestedStyleLayerMetadata

Defined in: src/config/SuggestedStyles.ts:112

Metadata about this style layer

---

node?

optional node: object

Defined in: src/config/SuggestedStyles.ts:108

Node style configuration for this layer

calculatedStyle?

optional calculatedStyle: object

calculatedStyle.expr

expr: string

calculatedStyle.inputs

inputs: string[]

calculatedStyle.output

output: string = AllowedOuputPaths

selector

selector: string

style

style: object = NodeStyle

style.effect?

optional effect: object

style.effect.flatShaded?

optional flatShaded: boolean

style.effect.glow?

optional glow: object

style.effect.glow.color?

optional color: string

style.effect.glow.strength?

optional strength: number

style.effect.outline?

optional outline: object

style.effect.outline.color?

optional color: string

style.effect.outline.width?

optional width: number

style.effect.wireframe?

optional wireframe: boolean

style.enabled?

optional enabled: boolean

style.label?

optional label: object

style.label.animation?

optional animation: "none" | "pulse" | "bounce" | "shake" | "glow" | "fill"

style.label.animationSpeed?

optional animationSpeed: number

style.label.attachOffset?

optional attachOffset: number

style.label.attachPosition?

optional attachPosition: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right"

style.label.autoSize?

optional autoSize: boolean

style.label.backgroundColor?

optional backgroundColor: string | { colorType: "solid"; opacity?: number; value: string | undefined; } | { colors: (string | undefined)[]; colorType: "gradient"; direction: number; opacity?: number; } | { colors: (string | undefined)[]; colorType: "radial-gradient"; opacity?: number; }

style.label.backgroundGradient?

optional backgroundGradient: boolean

style.label.backgroundGradientColors?

optional backgroundGradientColors: (string | undefined)[]

style.label.backgroundGradientDirection?

optional backgroundGradientDirection: "vertical" | "horizontal" | "diagonal"

style.label.backgroundGradientType?

optional backgroundGradientType: "linear" | "radial"

style.label.backgroundPadding?

optional backgroundPadding: number

style.label.badge?

optional badge: "notification" | "label" | "label-success" | "label-warning" | "label-danger" | "count" | "icon" | "progress" | "dot"

style.label.billboardMode?

optional billboardMode: number

style.label.borderColor?

optional borderColor: string

style.label.borders?

optional borders: object[]

style.label.borderWidth?

optional borderWidth: number

style.label.cornerRadius?

optional cornerRadius: number

style.label.depthFadeEnabled?

optional depthFadeEnabled: boolean

style.label.depthFadeFar?

optional depthFadeFar: number

style.label.depthFadeNear?

optional depthFadeNear: number

style.label.enabled?

optional enabled: boolean

style.label.font?

optional font: string

style.label.fontSize?

optional fontSize: number

style.label.fontWeight?

optional fontWeight: string

style.label.icon?

optional icon: string

style.label.iconPosition?

optional iconPosition: "left" | "right"

style.label.lineHeight?

optional lineHeight: number

style.label.location?

optional location: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right" | "automatic"

style.label.marginBottom?

optional marginBottom: number

style.label.marginLeft?

optional marginLeft: number

style.label.marginRight?

optional marginRight: number

style.label.marginTop?

optional marginTop: number

style.label.maxNumber?

optional maxNumber: number

style.label.overflowSuffix?

optional overflowSuffix: string

style.label.pointer?

optional pointer: boolean

style.label.pointerCurve?

optional pointerCurve: boolean

style.label.pointerDirection?

optional pointerDirection: "top" | "left" | "right" | "bottom" | "auto"

style.label.pointerHeight?

optional pointerHeight: number

style.label.pointerOffset?

optional pointerOffset: number

style.label.pointerWidth?

optional pointerWidth: number

style.label.position?

optional position: object

style.label.position.x

x: number

style.label.position.y

y: number

style.label.position.z

z: number

style.label.progress?

optional progress: number

style.label.resolution?

optional resolution: number

style.label.smartOverflow?

optional smartOverflow: boolean

style.label.text?

optional text: string

style.label.textAlign?

optional textAlign: "left" | "center" | "right"

style.label.textColor?

optional textColor: string

style.label.textOutline?

optional textOutline: boolean

style.label.textOutlineColor?

optional textOutlineColor: string

style.label.textOutlineJoin?

optional textOutlineJoin: "round" | "bevel" | "miter"

style.label.textOutlineWidth?

optional textOutlineWidth: number

style.label.textPath?

optional textPath: string

style.label.textShadow?

optional textShadow: boolean

style.label.textShadowBlur?

optional textShadowBlur: number

style.label.textShadowColor?

optional textShadowColor: string

style.label.textShadowOffsetX?

optional textShadowOffsetX: number

style.label.textShadowOffsetY?

optional textShadowOffsetY: number

style.shape?

optional shape: object

style.shape.size?

optional size: number

style.shape.type?

optional type: "box" | "sphere" | "cylinder" | "cone" | "capsule" | "torus-knot" | "tetrahedron" | "octahedron" | "dodecahedron" | "icosahedron" | "rhombicuboctahedron" | "triangular_prism" | "pentagonal_prism" | "hexagonal_prism" | "square_pyramid" | "pentagonal_pyramid" | "triangular_dipyramid" | "pentagonal_dipyramid" | "elongated_square_dipyramid" | "elongated_pentagonal_dipyramid" | "elongated_pentagonal_cupola" | "goldberg" | "icosphere" | "geodesic"

style.texture?

optional texture: object

style.texture.color?

optional color: string | { colorType: "solid"; opacity?: number; value: string | undefined; } | { colors: (string | undefined)[]; colorType: "gradient"; direction: number; opacity?: number; } | { colors: (string | undefined)[]; colorType: "radial-gradient"; opacity?: number; }

style.texture.icon?

optional icon: string

style.texture.image?

optional image: string

style.tooltip?

optional tooltip: object

style.tooltip.animation?

optional animation: "none" | "pulse" | "bounce" | "shake" | "glow" | "fill"

style.tooltip.animationSpeed?

optional animationSpeed: number

style.tooltip.attachOffset?

optional attachOffset: number

style.tooltip.attachPosition?

optional attachPosition: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right"

style.tooltip.autoSize?

optional autoSize: boolean

style.tooltip.backgroundColor?

optional backgroundColor: string | { colorType: "solid"; opacity?: number; value: string | undefined; } | { colors: (string | undefined)[]; colorType: "gradient"; direction: number; opacity?: number; } | { colors: (string | undefined)[]; colorType: "radial-gradient"; opacity?: number; }

style.tooltip.backgroundGradient?

optional backgroundGradient: boolean

style.tooltip.backgroundGradientColors?

optional backgroundGradientColors: (string | undefined)[]

style.tooltip.backgroundGradientDirection?

optional backgroundGradientDirection: "vertical" | "horizontal" | "diagonal"

style.tooltip.backgroundGradientType?

optional backgroundGradientType: "linear" | "radial"

style.tooltip.backgroundPadding?

optional backgroundPadding: number

style.tooltip.badge?

optional badge: "notification" | "label" | "label-success" | "label-warning" | "label-danger" | "count" | "icon" | "progress" | "dot"

style.tooltip.billboardMode?

optional billboardMode: number

style.tooltip.borderColor?

optional borderColor: string

style.tooltip.borders?

optional borders: object[]

style.tooltip.borderWidth?

optional borderWidth: number

style.tooltip.cornerRadius?

optional cornerRadius: number

style.tooltip.depthFadeEnabled?

optional depthFadeEnabled: boolean

style.tooltip.depthFadeFar?

optional depthFadeFar: number

style.tooltip.depthFadeNear?

optional depthFadeNear: number

style.tooltip.enabled?

optional enabled: boolean

style.tooltip.font?

optional font: string

style.tooltip.fontSize?

optional fontSize: number

style.tooltip.fontWeight?

optional fontWeight: string

style.tooltip.icon?

optional icon: string

style.tooltip.iconPosition?

optional iconPosition: "left" | "right"

style.tooltip.lineHeight?

optional lineHeight: number

style.tooltip.location?

optional location: "top" | "top-right" | "top-left" | "left" | "center" | "right" | "bottom" | "bottom-left" | "bottom-right" | "automatic"

style.tooltip.marginBottom?

optional marginBottom: number

style.tooltip.marginLeft?

optional marginLeft: number

style.tooltip.marginRight?

optional marginRight: number

style.tooltip.marginTop?

optional marginTop: number

style.tooltip.maxNumber?

optional maxNumber: number

style.tooltip.overflowSuffix?

optional overflowSuffix: string

style.tooltip.pointer?

optional pointer: boolean

style.tooltip.pointerCurve?

optional pointerCurve: boolean

style.tooltip.pointerDirection?

optional pointerDirection: "top" | "left" | "right" | "bottom" | "auto"

style.tooltip.pointerHeight?

optional pointerHeight: number

style.tooltip.pointerOffset?

optional pointerOffset: number

style.tooltip.pointerWidth?

optional pointerWidth: number

style.tooltip.position?

optional position: object

style.tooltip.position.x

x: number

style.tooltip.position.y

y: number

style.tooltip.position.z

z: number

style.tooltip.progress?

optional progress: number

style.tooltip.resolution?

optional resolution: number

style.tooltip.smartOverflow?

optional smartOverflow: boolean

style.tooltip.text?

optional text: string

style.tooltip.textAlign?

optional textAlign: "left" | "center" | "right"

style.tooltip.textColor?

optional textColor: string

style.tooltip.textOutline?

optional textOutline: boolean

style.tooltip.textOutlineColor?

optional textOutlineColor: string

style.tooltip.textOutlineJoin?

optional textOutlineJoin: "round" | "bevel" | "miter"

style.tooltip.textOutlineWidth?

optional textOutlineWidth: number

style.tooltip.textPath?

optional textPath: string

style.tooltip.textShadow?

optional textShadow: boolean

style.tooltip.textShadowBlur?

optional textShadowBlur: number

style.tooltip.textShadowColor?

optional textShadowColor: string

style.tooltip.textShadowOffsetX?

optional textShadowOffsetX: number

style.tooltip.textShadowOffsetY?

optional textShadowOffsetY: number