라인 차트 데이터 형식

LineChart에서 사용되는 데이터, 이벤트, 콜백 및 런타임 형식.

가져오기
import type { TimeSeriesData, MultiSeriesData } from "@sixtyfold/line";

위에 표시된 공개 진입점을 사용하세요. 타입 전용 가져오기는 애플리케이션 JavaScript에서 제거됩니다.

BandBorderStyle

범위/밴드 테두리의 획 패턴

가져오기 @sixtyfold/line타입

type BandBorderStyle = "solid" | "dashed" | "dotted"

BarBorderStyle

막대/열 테두리의 획 패턴

가져오기 @sixtyfold/line타입

type BarBorderStyle = "solid" | "dashed" | "dotted"

KeyboardAnnouncementMessages

키보드 차트 동작 후에 방출되는 지역화 가능한 알림

가져오기 @sixtyfold/line인터페이스

interface KeyboardAnnouncementMessages
멤버정의설명
panLeft?string | undefined왼쪽으로 팬 이동 텍스트.
panRight?string | undefined오른쪽으로 팬 이동 텍스트.
reset?string | undefined텍스트 재설정.
selectionCancelled?string | undefined선택 취소 텍스트.
viewport?string | undefined팬, 줌 또는 재설정이 성공적으로 실행된 후 추가되는 선택적 뷰포트 컨텍스트입니다. 플레이스홀더 {startPercent}, {endPercent}{spanPercent}는 전체 데이터 범위에 대한 상대 위치로 대체됩니다. 동작 메시지만 발표하려면 빈 문자열을 설정하세요.
zoomIn?string | undefined확대 텍스트.
zoomOut?string | undefined축소 텍스트.

LegendAlign

사용 가능한 범례 영역에서의 범례 정렬

가져오기 @sixtyfold/line타입

type LegendAlign = "left" | "center" | "right" | "middle"

LegendLayout

범례 항목 흐름

가져오기 @sixtyfold/line유형

type LegendLayout = "row" | "column"

LegendPosition

차트 영역 주변의 범례 배치

가져오기 @sixtyfold/line유형

type LegendPosition = "left" | "top" | "right" | "bottom"

LegendSwatchShape

범례 색표 모양

가져오기 @sixtyfold/line타입

type LegendSwatchShape = MarkerShape | "line"

LineChartStats

활성 라인 데이터셋과 프레임에 대한 렌더러 및 상세도(LOD) 텔레메트리.

가져오기 @sixtyfold/line인터페이스

interface LineChartStats
멤버정의설명
bucketSizenumberCSS 픽셀 단위의 버킷 크기입니다.
bufferUsagenumber버퍼 사용 값입니다.
dataVersionnumber현재 데이터셋이 설치될 때 할당된 단조 증가 생성자입니다.
firstRenderTimestring최초 렌더링 시간 텍스트입니다.
fpsnumberFPS 값.
frameTimestring프레임 시간 텍스트.
lodBuiltnumberLOD 빌트 값.
lodLevelnumberLOD 레벨 값.
lodReadybooleanLOD 사용 여부.
lodTotalnumberLOD 전체 값.
presentationColumnsnumber표시 열 값.
presentationDensitynumber표시 밀도 값.
presentationGridDeltanumber표시 격자 델타 값.
presentationGridPolicy"pyramid" | "gesture-stable"활성 열-그리드 정책, 또는 표시가 비활성일 때 pyramid.
presentationLargestBucketnumber표시 최대 버킷 값.
presentationMode"pyramid" | "columns"활성 표시 경로. 누적 진단; bucketSize는 저장 의미를 유지합니다.
presentationQuantizationStepnumber표시 양자화 단계 값입니다.
presentationQueryVisitsnumber표시 쿼리 방문 값입니다.
presentationRebaseRationumber프레젠테이션 리베이스에 사용되는 비율입니다; 상위 구성에서 허용 범위를 확인하세요.
presentationVerticesnumber표시 정점 값입니다.
renderedPointsnumber렌더된 포인트 값.
renderMode"worker" | "main"렌더 모드를 선택합니다.
revealProgressnumber현재 초기 데이터 공개 진행률, 0에서 1까지.
ringBufferboolean링 버퍼를 활성화할지 여부.
totalPointsnumber현재 라인 차트 통계 스냅샷의 총 포인트 수로 보고된 개수입니다.
totalReceivednumber현재 라인 차트 통계 스냅샷에서 수신된 총합으로 보고된 개수입니다.
visiblePointsnumber표시되는 포인트 값입니다.

LineSeriesType

라인 시리즈 그리기 스타일. "band"는 "range"의 동의어이고; "points"는 "scatter"의 동의어이며; "column"은 "bar"의 동의어입니다; "stackedArea"는 "stacked-area"의 동의어입니다.

가져오기 @sixtyfold/line타입

type LineSeriesType = "line" | "range" | "band" | "scatter" | "points" | "bar" | "column" | "stacked-area" | "stackedArea" | "step" | "step-before" | "step-after" | "step-mid"

MarkerShape

호버 포인트 표시기를 위한 마커 형태

가져오기 @sixtyfold/line타입

type MarkerShape = "circle" | "square" | "diamond" | "triangle" | "cross" | "x"

OverlayErrorCallback

오버레이 업데이트에서 하나 이상의 해상도 또는 전송 실패가 발생했을 때 호출됩니다.

가져오기 @sixtyfold/line타입

type OverlayErrorCallback = (error: ChartOverlayError) => void

RendererErrorCallback

차트 렌더러가 실패하여 해체되기 직전에 한 번 호출됩니다.

가져오기 @sixtyfold/line타입

type RendererErrorCallback = (error: ChartRendererError) => void

RendererFailurePhase

차트 렌더러가 작동을 멈춘 단계.

Import @sixtyfold/linetype

type RendererFailurePhase = "initialization" | "runtime"

SeriesVisibilityChangeEvent

라인 시리즈 가시성 변경에 대한 전체 가시성 상태 및 출처.

Import @sixtyfold/lineinterface

interface SeriesVisibilityChangeEvent
멤버정의설명
changedIndexnumber | null인덱스 값이 변경되었습니다.
source"legend" | "init" | "api"시리즈 가시성 변경 이벤트를 계산하거나 렌더링하는 데 사용되는 소스 값을 선택합니다.
visibilityboolean[]차트에 구성된 시리즈와 동일한 순서로 인덱싱된 전체 가시성 스냅샷입니다.
visibleboolean | null시리즈 가시성 변경 이벤트를 렌더링할지 여부입니다.

StackBorderStyle

스택형 영역 경계의 획 패턴

Import @sixtyfold/linetype

type StackBorderStyle = "solid" | "dashed" | "dotted"

StackCurveStyle

스택형 영역 채우기 및 경계의 경계 형상

Import @sixtyfold/linetype

type StackCurveStyle = "linear" | "step" | "step-before" | "step-after" | "step-mid"