주식 차트 옵션

가져오기

import type { StockChartOptions } from "@sixtyfold/stock";

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

`BollingerBandsIndicatorConfig`

볼린저 밴드 지표 옵션.

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

interface BollingerBandsIndicatorConfig extends StockIndicatorStyle

멤버	정의	설명
`color?`	`string \| undefined`	볼린저 밴드 지표 색상.
`deviation?`	`number \| undefined`	표준편차 배수. 기본값은 2입니다.
`fillColor?`	`string \| undefined`	채움 색상입니다.
`fillOpacity?`	`number \| undefined`	`0`에서 `1`로의 채움 불투명도입니다.
`id?`	`string \| undefined`	이 볼린저 밴드 지표의 고유 식별자입니다.
`includeInScale?`	`boolean \| undefined`	이 레이어가 자동 Y축 스케일링에 영향을 주는지 여부입니다.
`label?`	`string \| undefined`	볼린저 밴드 지표 레이블.
`lineDash?`	`StockIndicatorLineDash \| undefined`	Canvas 대시 패턴(CSS 픽셀 단위).
`lineWidth?`	`number \| undefined`	선 너비(CSS 픽셀 단위).
`lowerColor?`	`string \| undefined`	하단 색상.
`middleColor?`	`string \| undefined`	중간 색상.
`period`	`number`	원시 캔들의 조회 기간입니다.
`source?`	`StockPriceSource \| undefined`	기본값은 종가입니다.
`type`	`"bollinger"`	유형을 선택합니다.
`upperColor?`	`string \| undefined`	상단 색상.
`visible?`	`boolean \| undefined`	볼린저 밴드 지표를 렌더링할지 여부.

`CandleColors`

캔들 색상.

Import @sixtyfold/stockinterface

interface CandleColors

멤버	정의	설명
`down?`	`string \| undefined`	색상은 `close < open` 때 사용됩니다.
`up?`	`string \| undefined`	색상은 `close >= open` 때 사용됩니다.
`wickDown?`	`string \| undefined`	하향 캔들의 심지(기본값은 하향 색상) 색상
`wickUp?`	`string \| undefined`	상승 캔들의 심지 색(기본값은 상승 색)

`EMAIndicatorConfig`

EMA 표시기 옵션.

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

interface EMAIndicatorConfig extends StockIndicatorStyle

멤버	정의	설명
`color?`	`string \| undefined`	EMA 지표 색상.
`id?`	`string \| undefined`	이 EMA 지표의 고유 식별자.
`includeInScale?`	`boolean \| undefined`	이 레이어가 자동 Y축 스케일링에 영향을 주는지 여부.
`label?`	`string \| undefined`	EMA 지표 라벨.
`lineDash?`	`StockIndicatorLineDash \| undefined`	캔버스 대시 패턴(CSS 픽셀 단위).
`lineWidth?`	`number \| undefined`	선 두께(CSS 픽셀 단위).
`period`	`number`	원시 캔들 기준 조회 기간(캔들 수).
`source?`	`StockPriceSource \| undefined`	기본값은 종가입니다.
`type`	`"ema"`	유형을 선택합니다.
`visible?`	`boolean \| undefined`	EMA 지표를 렌더링할지 여부입니다.

`SMAIndicatorConfig`

SMA 지표 옵션.

Import @sixtyfold/stockinterface

interface SMAIndicatorConfig extends StockIndicatorStyle

Member	Definition	Description
`color?`	`string \| undefined`	SMA 지표 색상.
`id?`	`string \| undefined`	이 SMA 지표의 고유 식별자.
`includeInScale?`	`boolean \| undefined`	이 레이어가 자동 Y축 스케일링에 영향을 주는지 여부.
`label?`	`string \| undefined`	SMA 표시 레이블.
`lineDash?`	`StockIndicatorLineDash \| undefined`	CSS 픽셀 단위의 Canvas 대시 패턴.
`lineWidth?`	`number \| undefined`	CSS 픽셀 단위의 선 너비.
`period`	`number`	원시 캔들 기준의 조회 기간(룩백).
`source?`	`StockPriceSource \| undefined`	기본값은 종가입니다.
`type`	`"sma"`	유형을 선택합니다.
`visible?`	`boolean \| undefined`	SMA 지표를 렌더할지 여부입니다.

`StockAddCandlesOptions`

주식 촛대 추가 옵션입니다.

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

interface StockAddCandlesOptions

멤버	정의	설명
`initialTimeRange?`	`"1D" \| "5D" \| "1M" \| "3M" \| "6M" \| "YTD" \| "1Y" \| "5Y" \| "ALL" \| undefined`	초기 스트리밍된 데이터셋이 렌더링되기 전에 프리셋을 적용합니다.

`StockAppearanceOptions`

주식 차트 표시 — 기본 표시 + 주식 전용 시각 필드

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

interface StockAppearanceOptions extends BaseAppearanceOptions

멤버	정의	설명
`axis?`	`AxisAppearanceOptions \| undefined`	축의 런타임 표시 옵션입니다.
`candleColors?`	`CandleColors \| undefined`	캔들 몸통과 심지에 사용되는 색상입니다.
`candleStrokeWidth?`	`number \| undefined`	캔들 외곽선 및 OHLC-바 너비(단위: CSS 픽셀).
`chartBackground?`	`BackgroundOptions \| undefined`	차트 배경의 런타임 표시 옵션입니다.
`crosshairStyle?`	`CrosshairOptions \| undefined`	크로스헤어 스타일의 런타임 표시 옵션입니다.
`grid?`	`GridOptions \| undefined`	그리드의 런타임 표시 옵션입니다.
`labels?`	`ChartLabels \| undefined`	레이블의 런타임 표시 옵션입니다.
`overlay?`	`OverlayOptions \| undefined`	오버레이의 런타임 표시 옵션입니다.
`padding?`	`PaddingOptions \| undefined`	여백(padding)의 런타임 표시 옵션입니다.
`previewLineColor?`	`string \| undefined`	범위 선택기 미리보기에서 사용하는 선 색상입니다.
`rangeSelector?`	`RangeSelectorAppearanceOptions \| undefined`	범위 선택기의 런타임 표시 옵션입니다.
`selection?`	`SelectionOptions \| undefined`	선택의 런타임 표시 옵션입니다.
`textDirection?`	`TextDirection \| undefined`	텍스트 방향의 런타임 표시 옵션입니다.
`tooltip?`	`TooltipOptions \| undefined`	툴팁의 런타임 표시 옵션입니다.

`StockChartOptions`

주식 차트의 구성, 상호작용, 표시, 범위 및 마켓 계층 옵션입니다.

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

interface StockChartOptions

멤버	정의	설명
`animated?`	`boolean \| undefined`	데이터 공개 및 뷰포트/축 전환을 애니메이션합니다. 생략하면 브라우저가 `prefers-reduced-motion: reduce`를 보고하지 않는 한 애니메이션이 활성화됩니다.
`axis?`	`AxisOptions \| undefined`	축 사용자화(선 색상 및 레이블 색상)
`candleColors?`	`CandleColors \| undefined`	캔들 색상 사용자화
`candleStrokeWidth?`	`number \| undefined` = `1`	캔들 외곽선 및 OHLC 바의 선 두께
`candleStyle?`	`CandleStyle \| undefined`	가격 데이터 렌더링 스타일: - 'filled': 실선 채워진 캔들(기본) - 'hollow': 테두리 선만 있는 캔들 - 'ohlc': 가로 틱이 있는 클래식 OHLC 바
`chartBackground?`	`BackgroundOptions \| undefined` = `#16213e`	차트 배경(미리보기 영역을 포함한 전체 캔버스). 단색 문자열, 그라디언트 정의 또는 이미지가 될 수 있습니다.
`crosshairMarkerColor?`	`string \| undefined`	왼쪽 및 오른쪽 Y축 커서 레이블에 대한 이전 호환 색상. 명시적 축 커서 레이블 색상이 우선합니다.
`crosshairStyle?`	`CrosshairOptions \| undefined`	십자선 스타일(수직 및 수평 가이드 라인)
`grid?`	`GridOptions \| undefined`	메인 차트의 그리드 선 사용자 정의
`indicators?`	`StockIndicator[] \| undefined`	내장 Worker 렌더링 기술적 지표.
`interactive?`	`boolean \| undefined` = `true`	사용자 상호작용(팬/줌/핀치) 활성화. false면 차트는 보기 전용이지만 호버 시 여전히 크로스헤어/툴팁을 표시합니다.
`keepAliveInterval?`	`number \| undefined` = `0 (disabled)`	Safari가 GPU 리소스를 해제하지 않도록 방지하는 유지 활성화 간격(초). Safari는 사용되지 않는 캔버스를 적극적으로 정리하여 차트가 빈 화면이 되는 문제가 발생합니다.
`keyboardActivation?`	`"focus" \| "hover" \| undefined`	키보드 제어가 활성화되는 방식. - "focus"(기본): 차트가 DOM 포커스를 가져야 함 - "hover": 마우스 포인터 하의 차트가 키보드 내비게이션을 받음
`keyboardAnnouncements?`	`false \| KeyboardAnnouncementMessages \| undefined`	보조 기술용 키보드 동작 안내를 현지화하거나, 이를 비활성화하려면 `false` 를 설정하세요. 누락된 메시지는 간결한 영어 기본값을 사용합니다.
`keyboardPanSpeed?`	`number \| undefined` = `0.1 (10%)`	키보드 팬 속도(화살표 키). 키 입력당 패닝할 표시 범위의 비율.1 (10%)
`keyboardZoomSpeed?`	`number \| undefined` = `0.1 (10% per keypress)`	키보드 줌 속도(+/- 키). 값이 클수록 더 빠르게 줌합니다.1 (키 입력당 10%)
`labels?`	`ChartLabels \| undefined`	차트 주변의 텍스트 레이블(제목, 축 레이블)
`markers?`	`StockMarker[] \| undefined`	희소한 타임스탬프/가격 이벤트 마커.
`minViewportRange?`	`number \| undefined`	차트의 X 값과 동일한 단위로 표현된 상호작용 가능한 X 뷰포트 최소 범위. 유효하지 않거나 양수가 아닌 값은 차트 유형의 기본값을 유지합니다. 이 구성 옵션은 변경 가능한 외관의 일부가 아닙니다.
`onCrosshairMove?`	`((detail: StockCrosshairMoveDetail \| null) => void) \| undefined`	크로스헤어가 캔들 사이를 이동할 때 및 떠날 때에는 null과 함께 호출됩니다.
`onTimeRangeChange?`	`((range: TimeRange \| null) => void) \| undefined`	활성 프리셋과 함께 호출되거나 뷰포트가 더 이상 명명된 프리셋과 일치하지 않을 때 `null`로 호출됩니다.
`onVisibleRangeChange?`	`((detail: StockVisibleRangeChangeDetail) => void) \| undefined`	렌더러가 보이는 범위 또는 데이터 범위가 변경되었음을 보고할 때 호출됩니다.
`overlay?`	`OverlayOptions \| undefined`	차트 콘텐츠 위에 렌더링되는 선언적 오버레이 프리미티브
`padding?`	`PaddingOptions \| undefined` = `{ top: 20, right: 80, bottom: 40, left: 80 }`	사용자 지정 패딩(픽셀 단위)
`previewLineColor?`	`string \| undefined` = `#4a90d9`	범위 선택기의 미리보기 선 색상
`priceLines?`	`StockPriceLine[] \| undefined`	수평 데이터 기준 가격 수준.
`priceUnit?`	`UnitOptions \| undefined`	툴팁 및 축 레이블의 가격 값(OHLC) 단위 구성
`rangeSelector?`	`RangeSelectorOptions \| undefined`	범위 선택기(미리보기 차트) 구성
`rendererInitializationTimeout?`	`number \| undefined` = `15000`	렌더러 시작 허용 최대 시간(밀리초). 차트 구성 중에 워치독이 시작되므로 `BaseChart.initialize`를 대기하지 않는 애플리케이션도 보호합니다. 비활성화하려면 `0`로 설정하세요.
`renderMode?`	`"auto" \| "worker" \| "main" \| undefined`	렌더링 모드 선택. - "auto": 지원되는 경우 Worker+OffscreenCanvas를 우선 사용(기본) - "worker": Worker 렌더링 강제(미지원 시 메인으로 폴백) - "main": 브라우저 메인 스레드에서 렌더링(DOM 필요; 폴백 및 테스트에 유용)
`selection?`	`SelectionOptions \| undefined`	범위 선택(드래그로 확대) 스타일 지정
`showLeftPriceMarker?`	`boolean \| undefined`	showLeftAxisLabel의 별칭 - 왼쪽 Y축에 가격 마커 표시
`showRightPriceMarker?`	`boolean \| undefined`	showRightAxisLabel의 별칭 - 오른쪽 Y축에 가격 마커 표시
`showVolume?`	`boolean \| undefined`	거래량을 표시할지 여부.
`textDirection?`	`TextDirection \| undefined` = `inherit`	Canvas2D 텍스트에 사용되는 방향입니다. 각 문자열의 첫 강한 문자에서 추론하려면 "auto"를 사용하고, 차트 전체 방향을 강제하려면 "rtl"/"ltr"를 사용하세요.
`timeScale?`	`StockTimeScale \| undefined`	X축 동작. `market` 관측값이 없는 구간을 압축하되 레이블과 이벤트에는 실제 타임스탬프를 유지합니다.
`tooltip?`	`StockTooltipOptions \| undefined`	주식 전용 onRender 매개변수를 포함한 툴팁 옵션
`volumeColors?`	`VolumeColors \| undefined`	거래량 막대의 사용자 정의 색상(기본값은 캔들 색상)
`volumeHeightRatio?`	`number \| undefined` = `0.15`	차트 높이에 대한 거래량 영역의 비율(0-1,15)
`volumeOpacity?`	`number \| undefined` = `0.35`	거래량 막대의 불투명도(0-1,35)
`volumeProfile?`	`false \| VolumeProfileOptions \| undefined`	캔들에서 추정한 보이는 범위의 거래량별 가격 프로필 또는 비활성화를 위한 false.
`volumeUnit?`	`UnitOptions \| undefined`	툴팁의 거래량 값 단위 구성
`wheelZoomDirection?`	`"up-in" \| "up-out" \| undefined`	마우스 휠 줌 방향. - "up-in" (기본): 휠을 위로/뒤로 굴리면 확대, 아래로/앞으로 굴리면 축소 - "up-out": 휠을 위로/뒤로 굴리면 축소, 아래로/앞으로 굴리면 확대
`wheelZoomSpeed?`	`number \| undefined` = `0.1 (10% per wheel tick)`	마우스 휠 줌 속도. 값이 클수록 더 빠른 줌.1 (휠 틱당 10%)
`yDomain?`	`YDomainOptions \| undefined`	렌더된 Y 도메인의 한쪽 또는 양쪽 가장자리를 고정합니다. 생략된 가장자리는 보이는 데이터에서 자동으로 스케일링을 계속합니다. 유한한 양쪽 가장자리를 모두 제공하면 줌, 상세도(LOD) 선택 및 스트리밍 업데이트 동안 Y 뷰포트가 안정적으로 유지됩니다. 이 옵션은 기본적으로 비활성화되어 있으며 변경 가능한 표시 설정이 아니라 생성 시 구성입니다.

`StockChartStatsOptions`

주식 텔레메트리 게시 빈도를 제어합니다.

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

interface StockChartStatsOptions

멤버	정의	설명
`intervalMs?`	`number \| undefined` = `250`	통계 업데이트 간 최소 간격(밀리초)

`StockIndicatorStyle`

모든 지표가 공유하는 렌더러용 메타데이터입니다. 계산에는 영향을 주지 않습니다.

Import @sixtyfold/stockinterface

interface StockIndicatorStyle

멤버	정의	설명
`color?`	`string \| undefined`	주식 지표 스타일 색상입니다.
`id?`	`string \| undefined`	이 주식 지표 스타일의 고유 식별자입니다.
`includeInScale?`	`boolean \| undefined`	이 레이어가 자동 Y축 스케일링에 영향을 미치는지 여부입니다.
`label?`	`string \| undefined`	주식 지표 스타일 레이블입니다.
`lineDash?`	`StockIndicatorLineDash \| undefined`	CSS 픽셀 단위의 Canvas 대시 패턴입니다.
`lineWidth?`	`number \| undefined`	선 굵기(CSS 픽셀 단위).
`visible?`	`boolean \| undefined`	스톡 지표 스타일을 렌더링할지 여부.

`StockMarker`

타임스탬프에 고정되고 선택적으로 가격에 연결되는 희박한 이벤트/거래 마커입니다.

Import @sixtyfold/stockinterface

interface StockMarker

멤버	정의	설명
`color?`	`string \| undefined`	마커 채우기 색상.
`id?`	`string \| undefined`	선택적으로 마커와 함께 보존되는 애플리케이션 정의의 안정적인 식별자.
`label?`	`string \| undefined`	선택적 짧은 마커 라벨.
`position?`	`StockMarkerPosition \| undefined`	가장 가까운 캔들 위/아래 또는 명시적 가격에 배치하십시오.
`price?`	`number \| undefined`	명시적 가격 앵커. 위치가 `price`일 때 필수입니다.
`shape?`	`StockMarkerShape \| undefined`	마커 글리프.
`size?`	`number \| undefined`	마커 반경/절반 크기(CSS 픽셀).
`textColor?`	`string \| undefined`	마커 라벨 색상.
`timestamp`	`number`	마커 타임스탬프, 차트 데이터와 동일한 단위.

`StockPriceLine`

주식 차트 위에 렌더링되는 가로 방향의 데이터 고정 가격 수준.

Import @sixtyfold/stockinterface

interface StockPriceLine

Member	Definition	Description
`axisLabelBackground?`	`string \| undefined`	선택적 축 레이블의 배경색입니다.
`axisLabelColor?`	`string \| undefined`	선택적 축 레이블의 텍스트 색상입니다.
`color?`	`string \| undefined`	선 색상입니다.
`extendScale?`	`boolean \| undefined`	이 가격을 표시되는 Y 스케일 계산에 포함합니다.
`id?`	`string \| undefined`	가격 라인과 함께 보존되는 선택적 애플리케이션 정의 안정 식별자입니다.
`label?`	`string \| undefined`	라인 옆에 렌더링되는 선택적 텍스트입니다.
`lineDash?`	`number[] \| undefined`	Canvas 대시 패턴입니다. 빈 배열은 실선으로 렌더링합니다.
`lineWidth?`	`number \| undefined`	CSS 픽셀 단위의 선 너비입니다.
`price`	`number`	수평선으로 표시된 가격입니다.
`showAxisLabel?`	`boolean \| undefined`	가격 축에 값 레이블을 표시합니다.

`StockTooltipOptions`

주식 차트용 툴팁 옵션 — onRender을(를) 주식 전용 매개변수로 재정의합니다

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

interface StockTooltipOptions extends Omit<TooltipOptions, "onRender">

멤버	정의	설명
`backdropBlur?`	`number \| undefined` = `0`	배경 흐림 반경(픽셀)
`backgroundColor?`	`string \| undefined` = `rgba(22, 33, 62, 0.95)`	투명도를 포함한 배경색')
`borderColor?`	`string \| undefined` = `#4a6fa1`	테두리 색상
`borderRadius?`	`number \| undefined` = `0`	테두리 반지름(픽셀)
`borderStyle?`	`"solid" \| "dashed" \| "dotted" \| undefined` = `solid`	테두리 스타일
`borderWidth?`	`number \| undefined` = `1`	테두리 너비(픽셀)
`candleBorder?`	`boolean \| undefined` = `false`	주식 차트: 툴팁 테두리에 봉 색상(녹색/적색) 사용
`direction?`	`TextDirection \| undefined`	툴팁 텍스트의 방향. 기본값은 차트 수준의 textDirection입니다.
`fieldLabels?`	`Partial<Record<StockTooltipField, string>> \| undefined`	주식 차트: 내장 툴팁 필드에 대한 레이블 표시. 기본값은 빈 레이블입니다.
`fields?`	`StockTooltipField[] \| undefined`	주식 차트: 표시할 필드 및 순서. 기본값: ['open', 'high', 'low', 'close', 'change', 'changePercent', 'volume']
`labelFont?`	`FontStyle \| undefined`	행 레이블(시리즈 이름)용 글꼴 스타일
`onLeave?`	`(() => void) \| undefined`	마우스가 차트 영역을 벗어날 때 호출(커스텀 HTML 툴팁 숨김에 유용)
`onRender?`	`((params: StockTooltipRenderParams) => StockTooltipRenderResult) \| undefined`	스톡 툴팁 콘텐츠에 대한 커스텀 렌더 콜백(메인 스레드에서 호출)
`padding?`	`{ top?: number; right?: number; bottom?: number; left?: number; } \| undefined` = `8`	내부 패딩(픽셀 단위)
`position?`	`"cursor-top" \| "cursor-bottom" \| "cursor" \| "top-left" \| "top-right" \| "bottom-left" \| "bottom-right" \| undefined` = `cursor-top`	툴팁 위치 - 'cursor-top'/'cursor-bottom': 수평으로 크로스헤어를 따라가며 상단/하단 모서리에 고정 - 'cursor': 마우스 위치를 따름 - 'top-left'/'top-right'/'bottom-left'/'bottom-right': 모서리에 고정
`shadow?`	`boolean \| TooltipShadowOptions \| undefined` = `disabled`	툴팁 상자 주위의 그림자
`showSwatch?`	`boolean \| undefined` = `true`	각 시리즈 레이블 옆에 색상 견본 표시
`titleFont?`	`FontStyle \| undefined`	툴팁 제목 줄의 글꼴 스타일
`titleFormat?`	`XAxisFormat \| undefined` = `auto`	툴팁 제목(X축 값) 포맷. - 'time': 날짜/시간으로 포맷 - 'number': 일반 숫자로 포맷 - UnitOptions: 접두/접미/소수 자리수로 커스텀 포맷 참고: 자동 감지는 휴리스틱이며 큰 비시간 값을 시간으로 분류할 수 있습니다. X 값이 큰 수량일 때는 명시적으로 `titleFormat`을 사용하세요.
`valueFont?`	`FontStyle \| undefined`	행 값의 글꼴 스타일. 색상을 생략하면 각 값은 해당 행/시리즈 색상을 사용합니다.
`visibleSeries?`	`number[] \| undefined` = `all series`	선형 차트: 툴팁에 표시할 시리즈 인덱스. 표시 여부와 순서를 제어합니다. E.g. [0, 2]는 시리즈 0과 2만 표시합니다.
`width?`	`number \| undefined`	픽셀 단위의 고정 툴팁 너비. - 정확: 내용과 관계없이 박스는 항상 이 너비 - 자동 맞춤 없음: 이 너비를 초과하는 내용은 넘치거나 잘림 - 생략 시: 툴팁은 호버 세션 동안 축소를 방지하는 잠금 장치로 자동 크기 조정됩니다

`VolumeColors`

거래량 색상.

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

interface VolumeColors

멤버	정의	설명
`down?`	`string \| undefined`	거래량 색상은 `close < open`일 때 사용됩니다.
`up?`	`string \| undefined`	볼륨 색상은 `close >= open` 때 사용됩니다.

`VolumeProfileOptions`

가시 범위의 추정 볼륨-바이-프라이스 히스토그램 구성입니다. 렌더러는 각 OHLCV 캔들의 거래량을 보고된 저가-고가 범위에 균일하게 분배합니다. 이는 캔들 기반 근사치로, 실제 가격별 체결 또는 주문 흐름 데이터가 아닙니다.

Import @sixtyfold/stockinterface

interface VolumeProfileOptions

멤버	정의	설명
`downColor?`	`string \| undefined`	약세 거래량에 할당된 색상.
`opacity?`	`number \| undefined`	프로필 불투명도(포함 범위 0..1).
`placement?`	`"left" \| "right" \| undefined`	프로필이 고정되는 가격 창의 측면.
`pointOfControlColor?`	`string \| undefined`	거래량 중심(POC) 강조 색상.
`rows?`	`number \| undefined`	추정 가격 버킷 수.
`showPointOfControl?`	`boolean \| undefined`	포인트-오브-컨트롤 행 강조.
`upColor?`	`string \| undefined`	강세 거래량에 할당된 색상.
`valueAreaPercent?`	`number \| undefined`	가치 영역에 포함되는 거래량의 백분율.
`visible?`	`boolean \| undefined`	프로필이 렌더링되는지 여부입니다. 구성된 경우 기본값은 true입니다.
`width?`	`number \| undefined`	최대 프로필 너비(CSS 픽셀)입니다.

`VWAPIndicatorConfig`

VWAP 지표 옵션입니다.

Import @sixtyfold/stockinterface

interface VWAPIndicatorConfig extends VWAPCalculationOptions, StockIndicatorStyle

Member	Definition	Description
`color?`	`string \| undefined`	VWAP 표시기 색상.
`id?`	`string \| undefined`	이 VWAP 표시기의 고유 식별자.
`includeInScale?`	`boolean \| undefined`	이 레이어가 자동 Y축 스케일링에 영향을 주는지 여부.
`label?`	`string \| undefined`	VWAP 지표 레이블.
`lineDash?`	`StockIndicatorLineDash \| undefined`	캔버스의 CSS 픽셀 단위 대시 패턴.
`lineWidth?`	`number \| undefined`	선 너비(라인 두께), CSS 픽셀 단위.
`reset?`	`VWAPReset \| undefined`	UTC 정렬 누적 윈도우. 기본값은 day입니다.
`resetOffsetMs?`	`number \| undefined`	UTC 재설정 경계를 이만큼의 밀리초만큼 이동합니다. 기본값은 0입니다.
`source?`	`StockPriceSource \| undefined`	기본값은 일반적인 가격인 hlc3입니다.
`type`	`"vwap"`	유형을 선택합니다.
`visible?`	`boolean \| undefined`	VWAP 지표를 렌더링할지 여부입니다.