Network Graph

data

nodes and links with source and target.

undefined means this property was not explicitly set. The effective value may depend on the chart type and other settings.

• NetworkGraphData

  Type definition

width

Chart width in pixels. If the container width changes, update width from a ResizeObserver.

height

Chart height in pixels. Allow space for axes, titles, and the legend.

brandLogo

The default is the Syidax symbol and wordmark. With the Pro chart.branding entitlement, set none to remove it or provide a PNG, JPEG, or WebP data URL to replace it.

undefined means this property was not explicitly set. The effective value may depend on the chart type and other settings.

brandPosition

The corner where the logo is anchored. Community and Pro both support all four corners, using the same position on screen and in image exports.

nodeRadius

The radius of each node in CSS pixels, including isolated nodes.

linkWidth

The connecting line's width in CSS pixels; link values do not change its width.

layout

Choose circular, force, or hierarchical.

• NetworkGraphLayout

  Type definition

layoutIterations

Maximum force iterations, clamped to 0…10000; other layouts ignore this option. The solver also enforces its work budget.

linkDistance

Desired force spring length in CSS pixels; other layouts ignore this option.

repulsion

Force repulsion strength; zero disables repulsion. Other layouts ignore this option.

bundling

none or force: bundle the connecting lines of distinct endpoint pairs toward compatible neighbours; positions, identities, lanes and hit rules stay.

• NetworkGraphBundling

  Type definition

bundleStrength

The bundling attraction, 0 … 1 (0 keeps straight centrelines); ignored while bundling is none.

color

The nodes' fill: auto (the palette by index) or a CSS colour; a node's own color wins.

linkColor

The links' colour: source / target (the node's colour at that end) or a CSS colour; a link's own color wins.

linkOpacity

The connecting lines' opacity (0 … 1).

linkCurvature

Connecting-line curvature (0 … 1). Self and parallel links keep distinct paths.

clustering

Community detection over the current graph, independent of layout: none or louvain; with color="auto" the palette follows the group instead of the node index.

• NetworkGraphClustering

  Type definition

nodeLabels

the node labels beside the nodes: auto (hidden where they would overlap), show, hide; node-label-value appends the throughput.

• NetworkGraphLabelMode

  Type definition

nodeLabelValue

Set as an HTML attribute or JavaScript property. type: boolean.

neighbourDim

with a hovered / focused node, the links touching neither of its ends fade to this alpha factor (0 … 1; 1 = no dim).

activeColor

The hovered / focused node or link.

chartTitle

The title inside the chart. Explain the data's unit and meaning alongside it.

undefined means this property was not explicitly set. The effective value may depend on the chart type and other settings.

chartSubtitle

The subtitle inside the chart.

undefined means this property was not explicitly set. The effective value may depend on the chart type and other settings.

enableMouseTracking

Set as an HTML attribute or JavaScript property. type: boolean.

nodeDrag

Nodes can be dragged with a pointer (mouse, touch, pen) and nudged with Ctrl / ⌘ + arrows; a dragged node stays pinned where it was dropped.

tooltip

The tooltip (the shared cartesian tooltip input: trigger, format, html, connector …), its switch, a formatter of the default text.

undefined means this property was not explicitly set. The effective value may depend on the chart type and other settings.

• CartesianTooltipInput

  Type definition

tooltipEnabled

Set as an HTML attribute or JavaScript property. type: boolean.

tooltipFormat

Pass as a JavaScript property. type: (detail: NetworkGraphHitDetail) => string.

undefined means this property was not explicitly set. The effective value may depend on the chart type and other settings.

• NetworkGraphHitDetail

  Type definition

animated

Whether to animate initial display and data changes.

animationDuration

Animation duration in milliseconds.

animationEasing

Allowed values: linear, ease-out, ease-in, ease-in-out. Default: 'ease-out'.

• NetworkGraphEasing

  Type definition

animationType

Allowed values: initial, update. Default: undefined.

undefined means this property was not explicitly set. The effective value may depend on the chart type and other settings.

• NetworkGraphAnimationType

  Type definition

streamSource

§3.6: an external stream source (link upserts); without one the chart keeps its own on the first push.

undefined means this property was not explicitly set. The effective value may depend on the chart type and other settings.

• NetworkGraphStreamSource

  Type definition

streamMax

Links tracked by the internal stream at most (the oldest leave as windowSlid).

undefined means this property was not explicitly set. The effective value may depend on the chart type and other settings.

streamWindow

The newest N streamed links the chart renders (the whole buffer when unset).

undefined means this property was not explicitly set. The effective value may depend on the chart type and other settings.

zoom

Zoom: 'x' | 'y' | 'xy' | true (x) enable the drag rectangle, the pan, the wheel, the pinch and the keyboard over the diagram's unit extents (x 0 → 1 left → right, y 0 → 1 bottom → top — the hidden frame's extents); an object refines mode / drag / keyboard / minRangePx / resetButton / pan / wheel / pinch / inside. Off by default. zoomTo / zoomBy / panBy / resetZoom work regardless of the gesture switches.

undefined means this property was not explicitly set. The effective value may depend on the chart type and other settings.

• CartesianZoomInput

  Type definition

engine

Renderer selection: auto, standard, or pro. Engine selection is separate from permission to use a Pro chart type.

• NetworkGraphEngineMode

  Type definition

unavailable

Allowed values: fallback, error. Default: 'fallback'.

• NetworkGraphUnavailableBehaviour

  Type definition

rendered

Emits rendering results in detail when chart drawing completes.

Event name: rendered. Names are case-sensitive. Read the payload from detail on CustomEvent<NetworkGraphRenderResult & { tier: NetworkGraphEngineTier }>.

chart.addEventListener('rendered', event => {
  console.log(event.detail); // NetworkGraphRenderResult & { tier: NetworkGraphEngineTier }
});

• NetworkGraphRenderResult

  Type definition

• NetworkGraphEngineTier

  Type definition

nodeClick

CustomEvent.detail type: NetworkGraphNodeEventDetail. Event names are case-sensitive.

Event name: nodeClick. Names are case-sensitive. Read the payload from detail on CustomEvent<NetworkGraphNodeEventDetail>.

chart.addEventListener('nodeClick', event => {
  console.log(event.detail); // NetworkGraphNodeEventDetail
});

• NetworkGraphNodeEventDetail

  Type definition

nodeHover

CustomEvent.detail type: NetworkGraphNodeEventDetail | null. Event names are case-sensitive.

Event name: nodeHover. Names are case-sensitive. Read the payload from detail on CustomEvent<NetworkGraphNodeEventDetail | null>.

chart.addEventListener('nodeHover', event => {
  console.log(event.detail); // NetworkGraphNodeEventDetail | null
});

• NetworkGraphNodeEventDetail

  Type definition

linkClick

CustomEvent.detail type: NetworkGraphLinkEventDetail. Event names are case-sensitive.

Event name: linkClick. Names are case-sensitive. Read the payload from detail on CustomEvent<NetworkGraphLinkEventDetail>.

chart.addEventListener('linkClick', event => {
  console.log(event.detail); // NetworkGraphLinkEventDetail
});

• NetworkGraphLinkEventDetail

  Type definition

linkHover

CustomEvent.detail type: NetworkGraphLinkEventDetail | null. Event names are case-sensitive.

Event name: linkHover. Names are case-sensitive. Read the payload from detail on CustomEvent<NetworkGraphLinkEventDetail | null>.

chart.addEventListener('linkHover', event => {
  console.log(event.detail); // NetworkGraphLinkEventDetail | null
});

• NetworkGraphLinkEventDetail

  Type definition

selectionChanged

the selection (the pinned highlight) changed: a node or a link (never both) or nothing, and what changed it.

Event name: selectionChanged. Names are case-sensitive. Read the payload from detail on CustomEvent<NetworkGraphSelectionChangeEventDetail>.

chart.addEventListener('selectionChanged', event => {
  console.log(event.detail); // NetworkGraphSelectionChangeEventDetail
});

• NetworkGraphSelectionChangeEventDetail

  Type definition

nodeDragStart

CustomEvent.detail type: NetworkGraphNodeDragEventDetail. Event names are case-sensitive.

Event name: nodeDragStart. Names are case-sensitive. Read the payload from detail on CustomEvent<NetworkGraphNodeDragEventDetail>.

chart.addEventListener('nodeDragStart', event => {
  console.log(event.detail); // NetworkGraphNodeDragEventDetail
});

• NetworkGraphNodeDragEventDetail

  Type definition

nodeDragMove

CustomEvent.detail type: NetworkGraphNodeDragEventDetail. Event names are case-sensitive.

Event name: nodeDragMove. Names are case-sensitive. Read the payload from detail on CustomEvent<NetworkGraphNodeDragEventDetail>.

chart.addEventListener('nodeDragMove', event => {
  console.log(event.detail); // NetworkGraphNodeDragEventDetail
});

• NetworkGraphNodeDragEventDetail

  Type definition

nodeDragEnd

CustomEvent.detail type: NetworkGraphNodeDragEventDetail. Event names are case-sensitive.

Event name: nodeDragEnd. Names are case-sensitive. Read the payload from detail on CustomEvent<NetworkGraphNodeDragEventDetail>.

chart.addEventListener('nodeDragEnd', event => {
  console.log(event.detail); // NetworkGraphNodeDragEventDetail
});

• NetworkGraphNodeDragEventDetail

  Type definition

pointContextMenu

CustomEvent.detail type: ChartPointContextMenuEventDetail<NetworkGraphHitDetail>. Event names are case-sensitive.

Event name: pointContextMenu. Names are case-sensitive. Read the payload from detail on CustomEvent<ChartPointContextMenuEventDetail<NetworkGraphHitDetail>>.

chart.addEventListener('pointContextMenu', event => {
  console.log(event.detail); // ChartPointContextMenuEventDetail<NetworkGraphHitDetail>
});

• ChartPointContextMenuEventDetail

  Type definition

• NetworkGraphHitDetail

  Type definition

appended

CustomEvent.detail type: { count: number; replaced: number }. Event names are case-sensitive.

Event name: appended. Names are case-sensitive. Read the payload from detail on CustomEvent<{ count: number; replaced: number }>.

chart.addEventListener('appended', event => {
  console.log(event.detail); // { count: number; replaced: number }
});

windowSlid

CustomEvent.detail type: { dropped: number }. Event names are case-sensitive.

Event name: windowSlid. Names are case-sensitive. Read the payload from detail on CustomEvent<{ dropped: number }>.

chart.addEventListener('windowSlid', event => {
  console.log(event.detail); // { dropped: number }
});

tooltipShow

The shared tooltip events (the controller emits them).

Event name: tooltipShow. Names are case-sensitive. Read the payload from detail on CustomEvent<CartesianTooltipEventDetail>.

chart.addEventListener('tooltipShow', event => {
  console.log(event.detail); // CartesianTooltipEventDetail
});

• CartesianTooltipEventDetail

  Type definition

tooltipHide

CustomEvent.detail type: void. Event names are case-sensitive.

Event name: tooltipHide. Names are case-sensitive. Read the payload from detail on CustomEvent<void>.

chart.addEventListener('tooltipHide', event => {
  console.log(event.detail); // void
});

tooltipAction

CustomEvent.detail type: CartesianTooltipActionEventDetail. Event names are case-sensitive.

Event name: tooltipAction. Names are case-sensitive. Read the payload from detail on CustomEvent<CartesianTooltipActionEventDetail>.

chart.addEventListener('tooltipAction', event => {
  console.log(event.detail); // CartesianTooltipActionEventDetail
});

• CartesianTooltipActionEventDetail

  Type definition

chartAnimationStart

CustomEvent.detail type: void. Event names are case-sensitive.

Event name: chartAnimationStart. Names are case-sensitive. Read the payload from detail on CustomEvent<void>.

chart.addEventListener('chartAnimationStart', event => {
  console.log(event.detail); // void
});

chartAnimationEnd

CustomEvent.detail type: void. Event names are case-sensitive.

Event name: chartAnimationEnd. Names are case-sensitive. Read the payload from detail on CustomEvent<void>.

chart.addEventListener('chartAnimationEnd', event => {
  console.log(event.detail); // void
});

chartAnimationInterrupted

CustomEvent.detail type: void. Event names are case-sensitive.

Event name: chartAnimationInterrupted. Names are case-sensitive. Read the payload from detail on CustomEvent<void>.

chart.addEventListener('chartAnimationInterrupted', event => {
  console.log(event.detail); // void
});

zoomChange

Fired after every zoom change (drag / pan / wheel / pinch / keyboard / api / reset) with the new state.

Event name: zoomChange. Names are case-sensitive. Read the payload from detail on CustomEvent<CartesianZoomChangeEventDetail>.

chart.addEventListener('zoomChange', event => {
  console.log(event.detail); // CartesianZoomChangeEventDetail
});

• CartesianZoomChangeEventDetail

  Type definition

redraw

Redraw the chart using its current data and options. Inspect the rendered result after the returned Promise resolves.

redraw(): Promise<NetworkGraphRenderResult>

Return type: Promise<NetworkGraphRenderResult>. Call the method after element registration and await its Promise result.

• NetworkGraphRenderResult

  Type definition

getActiveTier

An asynchronous method. Check the argument and return types below.

getActiveTier(): Promise<NetworkGraphEngineTier>

Return type: Promise<NetworkGraphEngineTier>. Call the method after element registration and await its Promise result.

• NetworkGraphEngineTier

  Type definition

getUnavailableReason

Why the WebGPU renderer could not run (the fallback notice's reason); undefined when nothing fell back.

getUnavailableReason(): Promise<string | undefined>

Return type: Promise<string | undefined>. Call the method after element registration and await its Promise result.

setData

Replace the bar set.

setData(data: NetworkGraphData): Promise<void>

Return type: Promise<void>. Call the method after element registration and await its Promise result.

• NetworkGraphData

  Type definition

appendPoint

Append one value to the stream. Check the argument type and the licensing requirements for streaming.

appendPoint(link: NetworkGraphLinkInput): Promise<void>

Return type: Promise<void>. Call the method after element registration and await its Promise result.

• NetworkGraphLinkInput

  Type definition

appendBatch

Append multiple values to the stream. Check the argument type and the licensing requirements for streaming.

appendBatch(links: ReadonlyArray<NetworkGraphLinkInput>): Promise<void>

Return type: Promise<void>. Call the method after element registration and await its Promise result.

• NetworkGraphLinkInput

  Type definition

shift

Drop the oldest streamed links (the data links are not the stream).

shift(count: number): Promise<void>

Return type: Promise<void>. Call the method after element registration and await its Promise result.

replace

Swap the streamed set (replace([]) clears it); the base values never leave. Without chart.streaming the dies upsert into the base like a batch (quietly: no appended, no binChanged, as a ring replace).

replace(links: ReadonlyArray<NetworkGraphLinkInput>): Promise<void>

Return type: Promise<void>. Call the method after element registration and await its Promise result.

• NetworkGraphLinkInput

  Type definition

getStreamSource

The stream session's source (Chart Pro): like the stream methods it waits for a license still being confirmed.

getStreamSource(): Promise<NetworkGraphStreamSource | undefined>

Return type: Promise<NetworkGraphStreamSource | undefined>. Call the method after element registration and await its Promise result.

• NetworkGraphStreamSource

  Type definition

getEngineStatus

Requested vs effective engine and why (CHART-ADD-08), with the chart.type.network-graph license state.

getEngineStatus(): Promise<ChartEngineStatus>

Return type: Promise<ChartEngineStatus>. Call the method after element registration and await its Promise result.

• ChartEngineStatus

  Type definition

setAnimation

An asynchronous method. Check the argument and return types below.

setAnimation(options: { duration?: number; easing?: NetworkGraphEasing; enabled?: boolean; type?: NetworkGraphAnimationType }): Promise<void>

Return type: Promise<void>. Call the method after element registration and await its Promise result.

• NetworkGraphEasing

  Type definition

• NetworkGraphAnimationType

  Type definition

pauseAnimation

Pause the current animation.

pauseAnimation(): Promise<void>

Return type: Promise<void>. Call the method after element registration and await its Promise result.

resumeAnimation

Resume a paused animation.

resumeAnimation(): Promise<void>

Return type: Promise<void>. Call the method after element registration and await its Promise result.

replayAnimation

Replay the initial sweep from min → value(s). No-op when animation is off / reduced.

replayAnimation(): Promise<void>

Return type: Promise<void>. Call the method after element registration and await its Promise result.

hitTest

The node or link under a host-local CSS point (a node first, else the topmost link), or null (always without a valid license).

hitTest(cssX: number, cssY: number): Promise<NetworkGraphHitDetail | null>

Return type: Promise<NetworkGraphHitDetail | null>. Call the method after element registration and await its Promise result.

• NetworkGraphHitDetail

  Type definition

getNode

An asynchronous method. Check the argument and return types below.

getNode(index: number): Promise<NetworkGraphNode | null>

Return type: Promise<NetworkGraphNode | null>. Call the method after element registration and await its Promise result.

• NetworkGraphNode

  Type definition

getNodeById

An asynchronous method. Check the argument and return types below.

getNodeById(id: string): Promise<NetworkGraphNode | null>

Return type: Promise<NetworkGraphNode | null>. Call the method after element registration and await its Promise result.

• NetworkGraphNode

  Type definition

getNodes

An asynchronous method. Check the argument and return types below.

getNodes(): Promise<NetworkGraphNode[]>

Return type: Promise<NetworkGraphNode[]>. Call the method after element registration and await its Promise result.

• NetworkGraphNode

  Type definition

getLinks

An asynchronous method. Check the argument and return types below.

getLinks(): Promise<NetworkGraphLink[]>

Return type: Promise<NetworkGraphLink[]>. Call the method after element registration and await its Promise result.

• NetworkGraphLink

  Type definition

getNodeCount

An asynchronous method. Check the argument and return types below.

getNodeCount(): Promise<number>

Return type: Promise<number>. Call the method after element registration and await its Promise result.

getLinkCount

An asynchronous method. Check the argument and return types below.

getLinkCount(): Promise<number>

Return type: Promise<number>. Call the method after element registration and await its Promise result.

getExtent

An asynchronous method. Check the argument and return types below.

getExtent(): Promise<NetworkGraphExtent>

Return type: Promise<NetworkGraphExtent>. Call the method after element registration and await its Promise result.

• NetworkGraphExtent

  Type definition

pinNode

Holds a node (by id) at a plot-local, unzoomed position, as a finished drag does: the paths re-route and an update morph moves it there. Returns the applied (clamped) position, or null for an unknown id.

pinNode(id: string, x: number, y: number): Promise<NetworkGraphPinnedNode | null>

Return type: Promise<NetworkGraphPinnedNode | null>. Call the method after element registration and await its Promise result.

• NetworkGraphPinnedNode

  Type definition

unpinNode

Releases a pinned node back to its layout position (with an update morph); false when it was not pinned.

unpinNode(id: string): Promise<boolean>

Return type: Promise<boolean>. Call the method after element registration and await its Promise result.

clearPinnedNodes

Network Graph — release every pinned node; the count released.

clearPinnedNodes(): Promise<number>

Return type: Promise<number>. Call the method after element registration and await its Promise result.

getPinnedNodes

The pinned nodes of the current graph in id order, at their applied (clamped) positions.

getPinnedNodes(): Promise<NetworkGraphPinnedNode[]>

Return type: Promise<NetworkGraphPinnedNode[]>. Call the method after element registration and await its Promise result.

• NetworkGraphPinnedNode

  Type definition

getLayoutStats

Settled node/link geometry, relationship totals and target layout diagnostics. A target's statistics do not describe animation progress.

getLayoutStats(): Promise<{ nodes: number; links: number; total: number; dropped: number; nodeRadius: number; linkWidth: number; layout: NetworkGraphLayout; curvature: number; force?: NetworkGraphForceStats; hierarchical?: NetworkGraphHierarchicalStats; bundling?: NetworkGraphBundlingStats; pinned?: number }>

Return type: Promise<{ nodes: number; links: number; total: number; dropped: number; nodeRadius: number; linkWidth: number; layout: NetworkGraphLayout; curvature: number; force?: NetworkGraphForceStats; hierarchical?: NetworkGraphHierarchicalStats; bundling?: NetworkGraphBundlingStats; pinned?: number }>. Call the method after element registration and await its Promise result.

• NetworkGraphLayout

  Type definition

• NetworkGraphForceStats

  Type definition

• NetworkGraphHierarchicalStats

  Type definition

• NetworkGraphBundlingStats

  Type definition

getClusters

The current graph's communities while clustering="louvain" (deep copies; null when none). Layout, zoom and animation do not change them.

getClusters(): Promise<NetworkGraphClusteringResult | null>

Return type: Promise<NetworkGraphClusteringResult | null>. Call the method after element registration and await its Promise result.

• NetworkGraphClusteringResult

  Type definition

getLabels

the placed node labels in HOST-local CSS px as shown (the plot offset added; under a zoom the labels of the nodes outside the window are left out), shown or hidden with the reason.

getLabels(): Promise<NetworkGraphNodeLabel[]>

Return type: Promise<NetworkGraphNodeLabel[]>. Call the method after element registration and await its Promise result.

• NetworkGraphNodeLabel

  Type definition

getLayout

Host-local geometry as shown. Scale fields preserve ellipses under non-uniform viewport zoom.

getLayout(): Promise<NetworkGraphLayoutResult>

Return type: Promise<NetworkGraphLayoutResult>. Call the method after element registration and await its Promise result.

• NetworkGraphLayoutResult

  Type definition

showTooltipAtIndex

Open a tooltip by point index: all nodes first, then links.

showTooltipAtIndex(index: number): Promise<CartesianTooltipEventDetail | null>

Return type: Promise<CartesianTooltipEventDetail | null>. Call the method after element registration and await its Promise result.

• CartesianTooltipEventDetail

  Type definition

hideTooltip

Close the currently visible tooltip.

hideTooltip(): Promise<void>

Return type: Promise<void>. Call the method after element registration and await its Promise result.

focusNodeAt

Move the keyboard focus ring to a node (null off the nodes); emits nodeHover like the walk.

focusNodeAt(index: number): Promise<NetworkGraphNodeEventDetail | null>

Return type: Promise<NetworkGraphNodeEventDetail | null>. Call the method after element registration and await its Promise result.

• NetworkGraphNodeEventDetail

  Type definition

selectNodeAt

Select (pin) a node: its neighbourhood stays highlighted after the pointer leaves; a negative or unknown index releases the selection. Emits selectionChanged when it changes.

selectNodeAt(index: number): Promise<NetworkGraphNodeEventDetail | null>

Return type: Promise<NetworkGraphNodeEventDetail | null>. Call the method after element registration and await its Promise result.

• NetworkGraphNodeEventDetail

  Type definition

selectLinkAt

Select (pin) a link: its link keeps the accent after the pointer leaves; a negative or unknown index releases the selection.

selectLinkAt(index: number): Promise<NetworkGraphLinkEventDetail | null>

Return type: Promise<NetworkGraphLinkEventDetail | null>. Call the method after element registration and await its Promise result.

• NetworkGraphLinkEventDetail

  Type definition

clearSelection

Release the selection (emits selectionChanged when there was one).

clearSelection(): Promise<void>

Return type: Promise<void>. Call the method after element registration and await its Promise result.

getSelection

The selection: the selected node's / link's detail (null = none); its anchors are Pro-derived, refused without a valid license.

getSelection(): Promise<NetworkGraphSelection>

Return type: Promise<NetworkGraphSelection>. Call the method after element registration and await its Promise result.

• NetworkGraphSelection

  Type definition

zoomTo

Zoom to explicit windows over the unit extents: x / y as { min, max } or [min, max] (null clears that orientation).

zoomTo(request: CartesianZoomRequest): Promise<CartesianZoomChangeEventDetail | null>

Return type: Promise<CartesianZoomChangeEventDetail | null>. Call the method after element registration and await its Promise result.

• CartesianZoomChangeEventDetail

  Type definition

• CartesianZoomRequest

  Type definition

zoomBy

Scale the current windows by factor (< 1 zooms in) around anchorFraction (0..1, default centre).

zoomBy(factor: number, anchorFraction?: number): Promise<CartesianZoomChangeEventDetail | null>

Return type: Promise<CartesianZoomChangeEventDetail | null>. Call the method after element registration and await its Promise result.

• CartesianZoomChangeEventDetail

  Type definition

panBy

Slide the zoomed windows by unit-extent units ({ x?, y? }); a no-op at the full extent.

panBy(delta: { x?: number; y?: number }): Promise<CartesianZoomChangeEventDetail | null>

Return type: Promise<CartesianZoomChangeEventDetail | null>. Call the method after element registration and await its Promise result.

• CartesianZoomChangeEventDetail

  Type definition

resetZoom

Reset the zoomed or panned range to the original data range.

resetZoom(): Promise<CartesianZoomChangeEventDetail | null>

Return type: Promise<CartesianZoomChangeEventDetail | null>. Call the method after element registration and await its Promise result.

• CartesianZoomChangeEventDetail

  Type definition

getZoom

Read the current zoom range. Check the return type's nullability and the range for each axis.

getZoom(): Promise<CartesianZoomState | null>

Return type: Promise<CartesianZoomState | null>. Call the method after element registration and await its Promise result.

• CartesianZoomState

  Type definition

getZoomExtent

The full extent (0 … 1) and key of the diagram's orientations (null before the first layout).

getZoomExtent(request?: CartesianZoomExtentRequest): Promise<CartesianZoomExtentDetail | null>

Return type: Promise<CartesianZoomExtentDetail | null>. Call the method after element registration and await its Promise result.

• CartesianZoomExtentDetail

  Type definition

• CartesianZoomExtentRequest

  Type definition