ZoomCharts Documentation
Version: 1.21.1 (2024-11-08)

NetChart.settings.style.nodeHovered

This section is defined by the type ItemsChartSettingsNodeStyle.

Additional style to apply when a node is hovered.

Properties

anchorMode: ItemsChartNodeAnchorMode

Node anchor mode.

anchorX: number

Node anchor y position. If not set, initial position will be calculated automatically and conserved. The coordinate space is dependant on anchorMode value.

  • anchorMode = "Scene" - the value is in scene coordinates.
  • anchorMode = "Display" - the value is in pixels from top-left corner of the chart area.
anchorY: number

Node anchor y position. If not set, initial position will be calculated automatically and conserved. The coordinate space is dependant on anchorMode value.

  • anchorMode = "Scene" - the value is in scene coordinates.
  • anchorMode = "Fixed" - the value is in pixels from top-left corner of the chart area.
aspectRatio: number

When display="rectangle", this setting determines the width/height ratio of the rectangle. The longest edge of the rectangle will be set to "radius" and the shortest will be calculated from this variable.

aura: string | Array<string>
Introduced in version 1.15.0.

The ID of one or more auras to which the node belongs. Nodes with the same aura ID will be visually grouped together.

Note that if multiple auras for a single node are specified, auras.overlap setting should be set to true.

coordinates: Array<number> | Array<Array<number>>
cursor: string

Cursor to show when node is hovered.

customShape: ItemsChartSettingsCustomShape
View section details

Custom shape settings supplied, if display == "customShape"

display: string

Valid values: circle (default), text, roundtext, droplet, rectangle, rhombus, diamond, customShape

draggable: boolean
Introduced in version 1.18.0.

Controls if node is draggable; Values: draggable false - node cannot be dragged; draggable true - node can be dragged; Default is true.

fillColor: string | CanvasGradient
fillGradient: GradientDefinition
Introduced in version 1.18.9.

Fill gradient. For example: [[0,"black"],[0.5,"red"],[1, "orange"]].

hierarchyCategory: string

Forces hierarchy layout to consider this node in a specific category for layout purposes

hierarchyLevel: number

Forces hierarchy layout to place the node at a specific level

hierarchyOffset: number

Forces hierarchy layout to place the node a certain number of levels above or below it's expected location

image: string
imageCropping: "fit" | boolean | "crop" | "letterbox"

Specifies the image cropping method. Valid values are false (disable cropping), true (default cropping mode), "crop", "letterbox" and "fit".

invisible: boolean

Specifies if the node is invisible - thus completely skipping the drawing and hit testing. This can be used, for example, to hide all nodes and showing only ones that meet certain criteria using nodeStyleFunction.

items: Array<ItemsChartSettingsNodeItem>
View section details

Additional items that are rendered on and around the node.

label: string

The label text that is displayed below the node. Set to an empty string "" to remove the label if it has been added before.

lineColor: string
lineDash: Array<number>
lineWidth: number
onImageLoadError: (node: any) => void
Parameters
node: any
opacity: number
Default value: 1

Node opacity.

radius: number
shadowBlur: number
Default value: 6
shadowColor: string
Default value: "rgba(0,0,0,.6)"
shadowOffsetX: number
Default value: 0
shadowOffsetY: number
Default value: 2
X