ZoomCharts Documentation
Version: 1.21.11 (2025-12-02)
Switch to Version 2.0 (BETA)

NetChart.settings.style.linkClasses.style

This section is defined by the type ItemsChartSettingsLinkStyle.

Style settings

Properties

arcAmount: number

How high the curve of the link is, if curving is enabled. Can be negative to arc in the other direction.

arcOffset: number

Where the arc of the curve occurs along the link, between -1.0 and 1.0. -1.0 for at the start point, 1.0 for at the end point.

cursor: string
definesLayout: boolean

Whether this link is considered in calculating a hierarchy layout

direction: string

null or "U", "D", "L", "R"

fillColor: string
fromDecoration: "circle" | "open arrow" | "hollow arrow" | "arrow"

The decoration rendered where the link starts.

Valid values:
  • circle
  • open arrow
  • hollow arrow
  • arrow
invisible: boolean

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

label: string
length: number
lineDash: Array<number>
lineDashBackgroundFillColor: string
lineDashShape: "rectangle" | "triangle" | "hexagon" | "inverseTriangle" | "inverseHexagon" | "diamond"
orthogonalMode: "floating" | "fixed" | "fixedHorizontal" | "fixedVertical"

What mode of orthogonal link drawing is used.

Valid values:
  • floating - Orthogonal links can start at any point around a node
  • fixed - Orthogonal links can only start or end directly above, below, left, or right of a node.
  • fixedHorizontal - Orthogonal links can only start or end directly left or right of a node.
  • fixedVertical - Orthogonal links can only start or end directly above or below of a node.
orthogonalOffset: number

Where along the link should an orthogonal link split to the other link between 0.0 and 1.0 for the start and end respectively. Note it must not be exactly 0.0 or 1.0.

radius: number

Specifies the width of the line rendered for this link.

shadowBlur: number
shadowColor: string
shadowOffsetX: number
shadowOffsetY: number
strength: number
toDecoration: "circle" | "open arrow" | "hollow arrow" | "arrow"

The decoration rendered where the link ends.

Valid values:
  • circle
  • open arrow
  • hollow arrow
  • arrow
toPieColor: string
toPieValue: number
X