Network Graph

data

nodes와 source·target을 가진 links입니다.

undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

• NetworkGraphData

  타입 정의

width

차트의 너비를 px 단위로 지정합니다. 컨테이너 너비가 변하는 앱에서는 ResizeObserver에서 width를 갱신하세요.

height

차트의 높이를 px 단위로 지정합니다. 축, 제목과 범례가 차지하는 공간을 함께 고려하세요.

brandLogo

기본값은 Syidax 심볼과 워드마크입니다. Pro의 chart.branding 권한으로 none을 지정해 제거하거나 PNG·JPEG·WebP data URL로 교체할 수 있습니다.

undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

brandPosition

로고를 고정할 코너입니다. Community·Pro 모두 네 코너 중 하나를 선택할 수 있으며 화면과 이미지 내보내기에 같은 위치를 사용합니다.

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

circular·force·hierarchical 배치를 선택합니다.

• NetworkGraphLayout

  타입 정의

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

  타입 정의

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

  타입 정의

nodeLabels

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

• NetworkGraphLabelMode

  타입 정의

nodeLabelValue

HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: 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

차트 내부 제목입니다. 데이터의 단위와 의미를 함께 설명하세요.

undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

chartSubtitle

차트 내부 부제목입니다.

undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

enableMouseTracking

HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: 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는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

• CartesianTooltipInput

  타입 정의

tooltipEnabled

HTML attribute 또는 JavaScript 프로퍼티로 설정합니다. 타입: boolean.

tooltipFormat

JavaScript 프로퍼티로 전달합니다. 타입: (detail: NetworkGraphHitDetail) => string.

undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

• NetworkGraphHitDetail

  타입 정의

animated

초기 표시와 데이터 변경의 애니메이션 사용 여부입니다.

animationDuration

애니메이션 지속 시간(ms).

animationEasing

허용값: linear, ease-out, ease-in, ease-in-out. 기본값: 'ease-out'.

• NetworkGraphEasing

  타입 정의

animationType

허용값: initial, update. 기본값: undefined.

undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

• NetworkGraphAnimationType

  타입 정의

streamSource

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

undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

• NetworkGraphStreamSource

  타입 정의

streamMax

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

undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

streamWindow

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

undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

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는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

• CartesianZoomInput

  타입 정의

engine

auto·standard·pro 렌더러 선택입니다. 엔진 선택은 차트 종류의 Pro 사용 권한과 별개입니다.

• NetworkGraphEngineMode

  타입 정의

unavailable

허용값: fallback, error. 기본값: 'fallback'.

• NetworkGraphUnavailableBehaviour

  타입 정의

rendered

차트 그리기가 완료되면 렌더링 결과를 detail로 전달합니다.

이벤트 이름: rendered. 대소문자를 구분합니다. payload는 CustomEvent<NetworkGraphRenderResult & { tier: NetworkGraphEngineTier }>의 detail에서 읽습니다.

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

• NetworkGraphRenderResult

  타입 정의

• NetworkGraphEngineTier

  타입 정의

nodeClick

CustomEvent.detail 타입: NetworkGraphNodeEventDetail. 이벤트 이름은 대소문자를 구분합니다.

이벤트 이름: nodeClick. 대소문자를 구분합니다. payload는 CustomEvent<NetworkGraphNodeEventDetail>의 detail에서 읽습니다.

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

• NetworkGraphNodeEventDetail

  타입 정의

nodeHover

CustomEvent.detail 타입: NetworkGraphNodeEventDetail | null. 이벤트 이름은 대소문자를 구분합니다.

이벤트 이름: nodeHover. 대소문자를 구분합니다. payload는 CustomEvent<NetworkGraphNodeEventDetail | null>의 detail에서 읽습니다.

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

• NetworkGraphNodeEventDetail

  타입 정의

linkClick

CustomEvent.detail 타입: NetworkGraphLinkEventDetail. 이벤트 이름은 대소문자를 구분합니다.

이벤트 이름: linkClick. 대소문자를 구분합니다. payload는 CustomEvent<NetworkGraphLinkEventDetail>의 detail에서 읽습니다.

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

• NetworkGraphLinkEventDetail

  타입 정의

linkHover

CustomEvent.detail 타입: NetworkGraphLinkEventDetail | null. 이벤트 이름은 대소문자를 구분합니다.

이벤트 이름: linkHover. 대소문자를 구분합니다. payload는 CustomEvent<NetworkGraphLinkEventDetail | null>의 detail에서 읽습니다.

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

• NetworkGraphLinkEventDetail

  타입 정의

selectionChanged

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

이벤트 이름: selectionChanged. 대소문자를 구분합니다. payload는 CustomEvent<NetworkGraphSelectionChangeEventDetail>의 detail에서 읽습니다.

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

• NetworkGraphSelectionChangeEventDetail

  타입 정의

nodeDragStart

CustomEvent.detail 타입: NetworkGraphNodeDragEventDetail. 이벤트 이름은 대소문자를 구분합니다.

이벤트 이름: nodeDragStart. 대소문자를 구분합니다. payload는 CustomEvent<NetworkGraphNodeDragEventDetail>의 detail에서 읽습니다.

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

• NetworkGraphNodeDragEventDetail

  타입 정의

nodeDragMove

CustomEvent.detail 타입: NetworkGraphNodeDragEventDetail. 이벤트 이름은 대소문자를 구분합니다.

이벤트 이름: nodeDragMove. 대소문자를 구분합니다. payload는 CustomEvent<NetworkGraphNodeDragEventDetail>의 detail에서 읽습니다.

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

• NetworkGraphNodeDragEventDetail

  타입 정의

nodeDragEnd

CustomEvent.detail 타입: NetworkGraphNodeDragEventDetail. 이벤트 이름은 대소문자를 구분합니다.

이벤트 이름: nodeDragEnd. 대소문자를 구분합니다. payload는 CustomEvent<NetworkGraphNodeDragEventDetail>의 detail에서 읽습니다.

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

• NetworkGraphNodeDragEventDetail

  타입 정의

pointContextMenu

CustomEvent.detail 타입: ChartPointContextMenuEventDetail<NetworkGraphHitDetail>. 이벤트 이름은 대소문자를 구분합니다.

이벤트 이름: pointContextMenu. 대소문자를 구분합니다. payload는 CustomEvent<ChartPointContextMenuEventDetail<NetworkGraphHitDetail>>의 detail에서 읽습니다.

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

• ChartPointContextMenuEventDetail

  타입 정의

• NetworkGraphHitDetail

  타입 정의

appended

CustomEvent.detail 타입: { count: number; replaced: number }. 이벤트 이름은 대소문자를 구분합니다.

이벤트 이름: appended. 대소문자를 구분합니다. payload는 CustomEvent<{ count: number; replaced: number }>의 detail에서 읽습니다.

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

windowSlid

CustomEvent.detail 타입: { dropped: number }. 이벤트 이름은 대소문자를 구분합니다.

이벤트 이름: windowSlid. 대소문자를 구분합니다. payload는 CustomEvent<{ dropped: number }>의 detail에서 읽습니다.

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

tooltipShow

The shared tooltip events (the controller emits them).

이벤트 이름: tooltipShow. 대소문자를 구분합니다. payload는 CustomEvent<CartesianTooltipEventDetail>의 detail에서 읽습니다.

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

• CartesianTooltipEventDetail

  타입 정의

tooltipHide

CustomEvent.detail 타입: void. 이벤트 이름은 대소문자를 구분합니다.

이벤트 이름: tooltipHide. 대소문자를 구분합니다. payload는 CustomEvent<void>의 detail에서 읽습니다.

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

tooltipAction

CustomEvent.detail 타입: CartesianTooltipActionEventDetail. 이벤트 이름은 대소문자를 구분합니다.

이벤트 이름: tooltipAction. 대소문자를 구분합니다. payload는 CustomEvent<CartesianTooltipActionEventDetail>의 detail에서 읽습니다.

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

• CartesianTooltipActionEventDetail

  타입 정의

chartAnimationStart

CustomEvent.detail 타입: void. 이벤트 이름은 대소문자를 구분합니다.

이벤트 이름: chartAnimationStart. 대소문자를 구분합니다. payload는 CustomEvent<void>의 detail에서 읽습니다.

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

chartAnimationEnd

CustomEvent.detail 타입: void. 이벤트 이름은 대소문자를 구분합니다.

이벤트 이름: chartAnimationEnd. 대소문자를 구분합니다. payload는 CustomEvent<void>의 detail에서 읽습니다.

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

chartAnimationInterrupted

CustomEvent.detail 타입: void. 이벤트 이름은 대소문자를 구분합니다.

이벤트 이름: chartAnimationInterrupted. 대소문자를 구분합니다. payload는 CustomEvent<void>의 detail에서 읽습니다.

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.

이벤트 이름: zoomChange. 대소문자를 구분합니다. payload는 CustomEvent<CartesianZoomChangeEventDetail>의 detail에서 읽습니다.

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

• CartesianZoomChangeEventDetail

  타입 정의

redraw

현재 데이터와 옵션으로 차트를 다시 그립니다. 반환되는 Promise가 완료되면 렌더링 결과를 확인할 수 있습니다.

redraw(): Promise<NetworkGraphRenderResult>

반환 타입: Promise<NetworkGraphRenderResult>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• NetworkGraphRenderResult

  타입 정의

getActiveTier

비동기 메서드입니다. 아래 인수 타입과 반환 타입을 확인하세요.

getActiveTier(): Promise<NetworkGraphEngineTier>

반환 타입: Promise<NetworkGraphEngineTier>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• NetworkGraphEngineTier

  타입 정의

getUnavailableReason

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

getUnavailableReason(): Promise<string | undefined>

반환 타입: Promise<string | undefined>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

setData

Replace the bar set.

setData(data: NetworkGraphData): Promise<void>

반환 타입: Promise<void>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• NetworkGraphData

  타입 정의

appendPoint

스트림에 값 하나를 추가합니다. 메서드 인수 타입과 스트리밍 기능의 라이선스 조건을 확인하세요.

appendPoint(link: NetworkGraphLinkInput): Promise<void>

반환 타입: Promise<void>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• NetworkGraphLinkInput

  타입 정의

appendBatch

스트림에 여러 값을 한 번에 추가합니다. 메서드 인수 타입과 스트리밍 기능의 라이선스 조건을 확인하세요.

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

반환 타입: Promise<void>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• NetworkGraphLinkInput

  타입 정의

shift

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

shift(count: number): Promise<void>

반환 타입: Promise<void>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

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>

반환 타입: Promise<void>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• NetworkGraphLinkInput

  타입 정의

getStreamSource

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

getStreamSource(): Promise<NetworkGraphStreamSource | undefined>

반환 타입: Promise<NetworkGraphStreamSource | undefined>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• NetworkGraphStreamSource

  타입 정의

getEngineStatus

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

getEngineStatus(): Promise<ChartEngineStatus>

반환 타입: Promise<ChartEngineStatus>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• ChartEngineStatus

  타입 정의

setAnimation

비동기 메서드입니다. 아래 인수 타입과 반환 타입을 확인하세요.

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

반환 타입: Promise<void>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• NetworkGraphEasing

  타입 정의

• NetworkGraphAnimationType

  타입 정의

pauseAnimation

진행 중인 애니메이션을 일시 정지합니다.

pauseAnimation(): Promise<void>

반환 타입: Promise<void>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

resumeAnimation

일시 정지한 애니메이션을 다시 진행합니다.

resumeAnimation(): Promise<void>

반환 타입: Promise<void>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

replayAnimation

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

replayAnimation(): Promise<void>

반환 타입: Promise<void>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

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>

반환 타입: Promise<NetworkGraphHitDetail | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• NetworkGraphHitDetail

  타입 정의

getNode

비동기 메서드입니다. 아래 인수 타입과 반환 타입을 확인하세요.

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

반환 타입: Promise<NetworkGraphNode | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• NetworkGraphNode

  타입 정의

getNodeById

비동기 메서드입니다. 아래 인수 타입과 반환 타입을 확인하세요.

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

반환 타입: Promise<NetworkGraphNode | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• NetworkGraphNode

  타입 정의

getNodes

비동기 메서드입니다. 아래 인수 타입과 반환 타입을 확인하세요.

getNodes(): Promise<NetworkGraphNode[]>

반환 타입: Promise<NetworkGraphNode[]>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• NetworkGraphNode

  타입 정의

getLinks

비동기 메서드입니다. 아래 인수 타입과 반환 타입을 확인하세요.

getLinks(): Promise<NetworkGraphLink[]>

반환 타입: Promise<NetworkGraphLink[]>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• NetworkGraphLink

  타입 정의

getNodeCount

비동기 메서드입니다. 아래 인수 타입과 반환 타입을 확인하세요.

getNodeCount(): Promise<number>

반환 타입: Promise<number>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

getLinkCount

비동기 메서드입니다. 아래 인수 타입과 반환 타입을 확인하세요.

getLinkCount(): Promise<number>

반환 타입: Promise<number>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

getExtent

비동기 메서드입니다. 아래 인수 타입과 반환 타입을 확인하세요.

getExtent(): Promise<NetworkGraphExtent>

반환 타입: Promise<NetworkGraphExtent>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• NetworkGraphExtent

  타입 정의

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>

반환 타입: Promise<NetworkGraphPinnedNode | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• NetworkGraphPinnedNode

  타입 정의

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>

반환 타입: Promise<boolean>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

clearPinnedNodes

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

clearPinnedNodes(): Promise<number>

반환 타입: Promise<number>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

getPinnedNodes

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

getPinnedNodes(): Promise<NetworkGraphPinnedNode[]>

반환 타입: Promise<NetworkGraphPinnedNode[]>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• NetworkGraphPinnedNode

  타입 정의

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 }>

반환 타입: 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 }>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• NetworkGraphLayout

  타입 정의

• NetworkGraphForceStats

  타입 정의

• NetworkGraphHierarchicalStats

  타입 정의

• NetworkGraphBundlingStats

  타입 정의

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>

반환 타입: Promise<NetworkGraphClusteringResult | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• NetworkGraphClusteringResult

  타입 정의

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[]>

반환 타입: Promise<NetworkGraphNodeLabel[]>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• NetworkGraphNodeLabel

  타입 정의

getLayout

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

getLayout(): Promise<NetworkGraphLayoutResult>

반환 타입: Promise<NetworkGraphLayoutResult>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• NetworkGraphLayoutResult

  타입 정의

showTooltipAtIndex

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

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

반환 타입: Promise<CartesianTooltipEventDetail | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• CartesianTooltipEventDetail

  타입 정의

hideTooltip

현재 표시 중인 툴팁을 닫습니다.

hideTooltip(): Promise<void>

반환 타입: Promise<void>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

focusNodeAt

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

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

반환 타입: Promise<NetworkGraphNodeEventDetail | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• NetworkGraphNodeEventDetail

  타입 정의

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>

반환 타입: Promise<NetworkGraphNodeEventDetail | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• NetworkGraphNodeEventDetail

  타입 정의

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>

반환 타입: Promise<NetworkGraphLinkEventDetail | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• NetworkGraphLinkEventDetail

  타입 정의

clearSelection

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

clearSelection(): Promise<void>

반환 타입: Promise<void>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

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>

반환 타입: Promise<NetworkGraphSelection>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• NetworkGraphSelection

  타입 정의

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>

반환 타입: Promise<CartesianZoomChangeEventDetail | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• CartesianZoomChangeEventDetail

  타입 정의

• CartesianZoomRequest

  타입 정의

zoomBy

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

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

반환 타입: Promise<CartesianZoomChangeEventDetail | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• CartesianZoomChangeEventDetail

  타입 정의

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>

반환 타입: Promise<CartesianZoomChangeEventDetail | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• CartesianZoomChangeEventDetail

  타입 정의

resetZoom

확대·이동한 범위를 초기 데이터 범위로 되돌립니다.

resetZoom(): Promise<CartesianZoomChangeEventDetail | null>

반환 타입: Promise<CartesianZoomChangeEventDetail | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• CartesianZoomChangeEventDetail

  타입 정의

getZoom

현재 확대 범위를 읽습니다. 반환 타입의 null 허용 여부와 축별 범위를 확인하세요.

getZoom(): Promise<CartesianZoomState | null>

반환 타입: Promise<CartesianZoomState | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• CartesianZoomState

  타입 정의

getZoomExtent

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

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

반환 타입: Promise<CartesianZoomExtentDetail | null>. 요소 등록이 끝난 뒤 메서드를 호출하고 Promise 결과를 await로 기다리세요.

• CartesianZoomExtentDetail

  타입 정의

• CartesianZoomExtentRequest

  타입 정의