@chartspire/chartspire-chart 10.0.0-alpha4 → 10.0.0-alpha8-chartspire.0

package/dist/index.d.ts

@@ -12,6 +12,11 @@
  * limitations under the License.
  */
 export type Nullable<T> = T | null;
+export interface NeighborData<D> {
+	prev: D;
+	current: D;
+	next: D;
+}
 export interface KLineData {
 	timestamp: number;
 	open: number;
@@ -43,10 +48,7 @@ export interface Offset {
 /**
  * line type
  */
-export declare enum LineType {
-	Dashed = "dashed",
-	Solid = "solid"
-}
+export type LineType = "dashed" | "solid";
 export interface LineStyle {
 	style: LineType;
 	size: number;
@@ -59,11 +61,13 @@ export interface SmoothLineStyle extends LineStyle {
 export interface StateLineStyle extends LineStyle {
 	show: boolean;
 }
-export declare enum PolygonType {
-	Stroke = "stroke",
-	Fill = "fill",
-	StrokeFill = "stroke_fill"
+export type PathType = "stroke" | "fill";
+export interface PathStyle {
+	style: PathType;
+	color: string;
+	lineWidth: number;
 }
+export type PolygonType = PathType | "stroke_fill";
 export interface PolygonStyle {
 	style: PolygonType;
 	color: string | CanvasGradient;
@@ -73,7 +77,7 @@ export interface PolygonStyle {
 	borderDashedValue: number[];
 }
 export interface RectStyle extends PolygonStyle {
-	borderRadius: number;
+	borderRadius: number | number[];
 }
 export interface TextStyle extends Padding {
 	style: PolygonType;
@@ -85,22 +89,15 @@ export interface TextStyle extends Padding {
 	borderDashedValue: number[];
 	borderSize: number;
 	borderColor: string;
-	borderRadius: number;
+	borderRadius: number | number[];
 	backgroundColor: string | CanvasGradient;
 }
 export interface StateTextStyle extends TextStyle {
 	show: boolean;
 }
 export type LastValueMarkTextStyle = Omit<StateTextStyle, "backgroundColor">;
-export declare enum TooltipShowRule {
-	Always = "always",
-	FollowCross = "follow_cross",
-	None = "none"
-}
-export declare enum TooltipShowType {
-	Standard = "standard",
-	Rect = "rect"
-}
+export type TooltipShowRule = "always" | "follow_cross" | "none";
+export type TooltipShowType = "standard" | "rect";
 export interface ChangeColor {
 	upColor: string;
 	downColor: string;
@@ -110,12 +107,37 @@ export interface GradientColor {
 	offset: number;
 	color: string;
 }
+export type FeatureType = "path" | "icon_font";
+export interface FeaturePathStyle extends Omit<PathStyle, "color"> {
+	path: string;
+}
+export interface FeatureIconFontStyle {
+	family: string;
+	code: string;
+}
+export interface FeatureStyle extends Padding, Margin {
+	id: string;
+	backgroundColor: string;
+	activeBackgroundColor: string;
+	size: number;
+	color: string;
+	activeColor: string;
+	borderRadius: number | number[];
+	type: FeatureType;
+	content: FeaturePathStyle | FeatureIconFontStyle;
+}
 export interface GridStyle {
 	show: boolean;
 	horizontal: StateLineStyle;
 	vertical: StateLineStyle;
 }
 export type TooltipTextStyle = Pick<TextStyle, "color" | "size" | "family" | "weight"> & Margin;
+export type TooltipTitleStyle = TooltipTextStyle & {
+	show: boolean;
+};
+export type TooltipLegendStyle = TooltipTextStyle & {
+	defaultValue: string;
+};
 export interface TooltipLegendChild {
 	text: string;
 	color: string;
@@ -124,28 +146,14 @@ export interface TooltipLegend {
 	title: string | TooltipLegendChild;
 	value: string | TooltipLegendChild;
 }
-export declare enum TooltipIconPosition {
-	Left = "left",
-	Middle = "middle",
-	Right = "right"
-}
-export interface TooltipIconStyle extends Padding, Margin {
-	id: string;
-	position: TooltipIconPosition;
-	color: string;
-	activeColor: string;
-	size: number;
-	fontFamily: string;
-	icon: string;
-	backgroundColor: string;
-	activeBackgroundColor: string;
+export type TooltipFeaturePosition = "left" | "middle" | "right";
+export interface TooltipFeatureStyle extends FeatureStyle {
+	position: TooltipFeaturePosition;
 }
-export interface TooltipStyle {
+export interface TooltipStyle extends Offset {
 	showRule: TooltipShowRule;
 	showType: TooltipShowType;
-	defaultValue: string;
-	text: TooltipTextStyle;
-	icons: TooltipIconStyle[];
+	features: TooltipFeatureStyle[];
 }
 export interface CandleAreaPointStyle {
 	show: boolean;
@@ -173,10 +181,17 @@ export interface CandleHighLowPriceMarkStyle {
 	textWeight: string;
 }
 export type CandleLastPriceMarkLineStyle = Omit<StateLineStyle, "color">;
+export type CandleLastPriceMarkExtendTextPosition = "above_price" | "below_price";
+export type CandleLastPriceMarkExtendTextStyle = LastValueMarkTextStyle & {
+	position: CandleLastPriceMarkExtendTextPosition;
+	updateInterval: number;
+};
 export interface CandleLastPriceMarkStyle extends ChangeColor {
 	show: boolean;
+	compareRule: CandleColorCompareRule;
 	line: CandleLastPriceMarkLineStyle;
 	text: LastValueMarkTextStyle;
+	extendTexts: CandleLastPriceMarkExtendTextStyle[];
 }
 export interface CandlePriceMarkStyle {
 	show: boolean;
@@ -184,21 +199,18 @@ export interface CandlePriceMarkStyle {
 	low: CandleHighLowPriceMarkStyle;
 	last: CandleLastPriceMarkStyle;
 }
-export declare enum CandleTooltipRectPosition {
-	Fixed = "fixed",
-	Pointer = "pointer"
-}
+export type CandleTooltipRectPosition = "fixed" | "pointer";
 export interface CandleTooltipRectStyle extends Omit<RectStyle, "style" | "borderDashedValue" | "borderStyle">, Padding, Offset {
 	position: CandleTooltipRectPosition;
 }
-export interface CandleTooltipCustomCallbackData {
-	prev: Nullable<KLineData>;
-	current: KLineData;
-	next: Nullable<KLineData>;
-}
-export type CandleTooltipCustomCallback = (data: CandleTooltipCustomCallbackData, styles: CandleStyle) => TooltipLegend[];
-export interface CandleTooltipStyle extends TooltipStyle, Offset {
-	custom: CandleTooltipCustomCallback | TooltipLegend[];
+export type CandleTooltipLegendsCustomCallback = (data: NeighborData<Nullable<KLineData>>, styles: CandleStyle) => TooltipLegend[];
+export interface CandleTooltipStyle extends TooltipStyle {
+	title: TooltipTitleStyle & {
+		template: string;
+	};
+	legend: TooltipLegendStyle & {
+		template: CandleTooltipLegendsCustomCallback | TooltipLegend[];
+	};
 	rect: CandleTooltipRectStyle;
 }
 export interface RenkoStyle {
@@ -206,16 +218,10 @@ export interface RenkoStyle {
 		size: number;
 	};
 }
-export declare enum CandleType {
-	HeikinAshi = "heikin_ashi",
-	CandleSolid = "candle_solid",
-	CandleStroke = "candle_stroke",
-	CandleUpStroke = "candle_up_stroke",
-	CandleDownStroke = "candle_down_stroke",
-	Ohlc = "ohlc",
-	Area = "area"
-}
+export type CandleType = "candle_solid" | "candle_stroke" | "candle_up_stroke" | "candle_down_stroke" | "ohlc" | "area" | "heikin_ashi";
+export type CandleColorCompareRule = "current_open" | "previous_close";
 export interface CandleBarColor extends ChangeColor {
+	compareRule: CandleColorCompareRule;
 	upBorderColor: string;
 	downBorderColor: string;
 	noChangeBorderColor: string;
@@ -236,12 +242,15 @@ export interface IndicatorLastValueMarkStyle {
 	show: boolean;
 	text: LastValueMarkTextStyle;
 }
-export interface IndicatorTooltipStyle extends TooltipStyle, Offset {
-	showName: boolean;
-	showParams: boolean;
+export interface IndicatorTooltipStyle extends TooltipStyle {
+	title: TooltipTitleStyle & {
+		showName: boolean;
+		showParams: boolean;
+	};
+	legend: TooltipLegendStyle;
 }
 export interface IndicatorStyle {
-	ohlc: ChangeColor;
+	ohlc: Pick<CandleBarColor, "compareRule" | "upColor" | "downColor" | "noChangeColor">;
 	bars: IndicatorPolygonStyle[];
 	lines: SmoothLineStyle[];
 	circles: IndicatorPolygonStyle[];
@@ -271,7 +280,9 @@ export interface CrosshairDirectionStyle {
 }
 export interface CrosshairStyle {
 	show: boolean;
-	horizontal: CrosshairDirectionStyle;
+	horizontal: CrosshairDirectionStyle & {
+		features: TooltipFeatureStyle[];
+	};
 	vertical: CrosshairDirectionStyle;
 }
 export interface OverlayPointStyle {
@@ -321,7 +332,7 @@ declare function isValid<T>(value: T | null | undefined): value is T;
 declare function isBoolean(value: unknown): value is boolean;
 declare function isString(value: unknown): value is string;
 declare function formatValue(data: unknown, key: string, defaultValue?: unknown): unknown;
-declare function formatTimestampToString(dateTimeFormat: Intl.DateTimeFormat, timestamp: number, format: string): string;
+declare function formatTimestampByTemplate(dateTimeFormat: Intl.DateTimeFormat, timestamp: number, template: string): string;
 declare function formatPrecision(value: string | number, precision?: number): string;
 declare function formatBigNumber(value: string | number): string;
 declare function formatThousands(value: string | number, sign: string): string;
@@ -341,15 +352,7 @@ declare function calcTextWidth(text: string, size?: number, weight?: string | nu
  * limitations under the License.
  */
 export type ActionCallback = (data?: unknown) => void;
-export declare enum ActionType {
-	OnZoom = "onZoom",
-	OnScroll = "onScroll",
-	OnVisibleRangeChange = "onVisibleRangeChange",
-	OnTooltipIconClick = "onTooltipIconClick",
-	OnCrosshairChange = "onCrosshairChange",
-	OnCandleBarClick = "onCandleBarClick",
-	OnPaneDrag = "onPaneDrag"
-}
+export type ActionType = "onZoom" | "onScroll" | "onVisibleRangeChange" | "onCandleTooltipFeatureClick" | "onIndicatorTooltipFeatureClick" | "onCrosshairFeatureClick" | "onCrosshairChange" | "onCandleBarClick" | "onPaneDrag";
 /**
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -459,17 +462,11 @@ export interface Crosshair extends Partial<Coordinate> {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export interface VisibleRange {
-	readonly from: number;
-	readonly to: number;
-	readonly realFrom: number;
-	readonly realTo: number;
-}
-export interface MouseTouchEvent extends Coordinate {
-	pageX: number;
-	pageY: number;
-	isTouch?: boolean;
-	preventDefault?: () => void;
+export interface SymbolInfo {
+	ticker: string;
+	pricePrecision: number;
+	volumePrecision: number;
+	[key: string]: unknown;
 }
 /**
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -484,27 +481,59 @@ export interface MouseTouchEvent extends Coordinate {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export interface Point {
-	dataIndex: number;
-	timestamp: number;
-	value: number;
-}
-declare enum LoadDataType {
-	Init = "init",
-	Forward = "forward",
-	Backward = "backward",
-	Update = "update"
+export type PeriodType = "second" | "minute" | "hour" | "day" | "week" | "month" | "year";
+export interface Period {
+	type: PeriodType;
+	span: number;
+}
+export type DataLoadType = "init" | "forward" | "backward" | "update";
+export type DataLoadMore = boolean | {
+	backward: boolean;
+	forward: boolean;
+};
+export interface DataLoaderGetBarsParams {
+	type: DataLoadType;
+	timestamp: Nullable<number>;
+	symbol: SymbolInfo;
+	period: Period;
+	callback: (data: KLineData[], more?: DataLoadMore) => void;
+}
+export interface DataLoaderSubscribeBarParams {
+	symbol: SymbolInfo;
+	period: Period;
+	callback: (data: KLineData) => void;
+}
+export type DataLoaderUnsubscribeBarParams = Omit<DataLoaderSubscribeBarParams, "callback">;
+export interface DataLoader {
+	getBars: (params: DataLoaderGetBarsParams) => void | Promise<void>;
+	subscribeBar?: (params: DataLoaderSubscribeBarParams) => void;
+	unsubscribeBar?: (params: DataLoaderUnsubscribeBarParams) => void;
 }
-export interface LoadDataParams {
-	type: LoadDataType;
-	data: Nullable<KLineData>;
-	callback: (dataList: KLineData[], more?: boolean) => void;
+/**
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+
+ * http://www.apache.org/licenses/LICENSE-2.0
+
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export interface VisibleRange {
+	readonly from: number;
+	readonly to: number;
+	readonly realFrom: number;
+	readonly realTo: number;
 }
-export interface LoadDataMore {
-	[LoadDataType.Backward]: boolean;
-	[LoadDataType.Forward]: boolean;
+export interface MouseTouchEvent extends Coordinate {
+	pageX: number;
+	pageY: number;
+	isTouch?: boolean;
+	preventDefault?: () => void;
 }
-export type LoadDataCallback = (params: LoadDataParams) => void;
 /**
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -518,15 +547,12 @@ export type LoadDataCallback = (params: LoadDataParams) => void;
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export interface Precision {
-	price: number;
-	volume: number;
-}
-export declare const enum PaneState {
-	Normal = "normal",
-	Maximize = "maximize",
-	Minimize = "minimize"
+export interface Point {
+	dataIndex: number;
+	timestamp: number;
+	value: number;
 }
+export type PaneState = "normal" | "maximize" | "minimize";
 export interface PaneOptions {
 	id?: string;
 	height?: number;
@@ -536,16 +562,26 @@ export interface PaneOptions {
 	state?: PaneState;
 	axis?: Partial<AxisCreate>;
 }
-export declare enum FormatDateType {
-	Tooltip = 0,
-	Crosshair = 1,
-	XAxis = 2
+export type FormatDateType = "tooltip" | "crosshair" | "xAxis";
+export interface FormatDateParams {
+	dateTimeFormat: Intl.DateTimeFormat;
+	timestamp: number;
+	template: string;
+	type: FormatDateType;
 }
-export type FormatDate = (timestamp: number, format: string, type: FormatDateType) => string;
+export type FormatDate = (params: FormatDateParams) => string;
 export type FormatBigNumber = (value: string | number) => string;
-export interface CustomApi {
+export type ExtendTextType = "last_price";
+export interface FormatExtendTextParams {
+	type: ExtendTextType;
+	data: KLineData;
+	index: number;
+}
+export type FormatExtendText = (params: FormatExtendTextParams) => string;
+export interface Formatter {
 	formatDate: FormatDate;
 	formatBigNumber: FormatBigNumber;
+	formatExtendText: FormatExtendText;
 }
 export interface Locales {
 	time: string;
@@ -556,13 +592,16 @@ export interface Locales {
 	volume: string;
 	change: string;
 	turnover: string;
+	second: string;
+	minute: string;
+	hour: string;
+	day: string;
+	week: string;
+	month: string;
+	year: string;
 	[key: string]: string;
 }
-export declare const enum LayoutChildType {
-	Candle = "candle",
-	Indicator = "indicator",
-	XAxis = "xAxis"
-}
+export type LayoutChildType = "candle" | "indicator" | "xAxis";
 export interface LayoutChild {
 	type: LayoutChildType;
 	content?: Array<string | IndicatorCreate>;
@@ -580,7 +619,7 @@ export interface Options {
 	locale?: string;
 	timezone?: string;
 	styles?: string | DeepPartial<Styles>;
-	customApi?: Partial<CustomApi>;
+	formatter?: Partial<Formatter>;
 	thousandsSeparator?: Partial<ThousandsSeparator>;
 	decimalFold?: Partial<DecimalFold>;
 	layout?: LayoutChild[];
@@ -591,11 +630,7 @@ export interface YAxis extends Axis, Required<YAxisTemplate> {
 	isInCandle: () => boolean;
 	convertToNicePixel: (value: number) => number;
 }
-export declare enum OverlayMode {
-	Normal = "normal",
-	WeakMagnet = "weak_magnet",
-	StrongMagnet = "strong_magnet"
-}
+export type OverlayMode = "normal" | "weak_magnet" | "strong_magnet";
 export interface OverlayPerformEventParams {
 	currentStep: number;
 	mode: OverlayMode;
@@ -603,31 +638,46 @@ export interface OverlayPerformEventParams {
 	performPointIndex: number;
 	performPoint: Partial<Point>;
 }
-export type OverlayFigureIgnoreEventType = "mouseClickEvent" | "mouseRightClickEvent" | "tapEvent" | "doubleTapEvent" | "mouseDownEvent" | "touchStartEvent" | "mouseMoveEvent" | "touchMoveEvent" | "mouseDoubleClickEvent";
+export interface OverlayEventCollection<E> {
+	onDrawStart: Nullable<OverlayEventCallback<E>>;
+	onDrawing: Nullable<OverlayEventCallback<E>>;
+	onDrawEnd: Nullable<OverlayEventCallback<E>>;
+	onRemoved: Nullable<OverlayEventCallback<E>>;
+	onClick: Nullable<OverlayEventCallback<E>>;
+	onDoubleClick: Nullable<OverlayEventCallback<E>>;
+	onRightClick: Nullable<OverlayEventCallback<E>>;
+	onPressedMoveStart: Nullable<OverlayEventCallback<E>>;
+	onPressedMoving: Nullable<OverlayEventCallback<E>>;
+	onPressedMoveEnd: Nullable<OverlayEventCallback<E>>;
+	onMouseMove: Nullable<OverlayEventCallback<E>>;
+	onMouseEnter: Nullable<OverlayEventCallback<E>>;
+	onMouseLeave: Nullable<OverlayEventCallback<E>>;
+	onSelected: Nullable<OverlayEventCallback<E>>;
+	onDeselected: Nullable<OverlayEventCallback<E>>;
+}
 export interface OverlayFigure {
 	key?: string;
 	type: string;
 	attrs: unknown;
 	styles?: unknown;
-	ignoreEvent?: boolean | OverlayFigureIgnoreEventType[];
+	ignoreEvent?: boolean | Array<keyof Omit<OverlayEventCollection<unknown>, "onDrawStart" | "onDrawing" | "onDrawEnd" | "onRemoved">>;
 }
-export interface OverlayCreateFiguresCallbackParams {
+export interface OverlayCreateFiguresCallbackParams<E> {
 	chart: Chart;
-	overlay: Overlay;
+	overlay: Overlay<E>;
 	coordinates: Coordinate[];
 	bounding: Bounding;
 	xAxis: Nullable<XAxis>;
 	yAxis: Nullable<YAxis>;
 }
-export interface OverlayEvent extends Partial<MouseTouchEvent> {
-	figureKey?: string;
-	figureIndex?: number;
-	overlay: Overlay;
+export interface OverlayEvent<E> extends Partial<MouseTouchEvent> {
+	figure?: OverlayFigure;
+	overlay: Overlay<E>;
 	chart: Chart;
 }
-export type OverlayEventCallback = (event: OverlayEvent) => boolean;
-export type OverlayCreateFiguresCallback = (params: OverlayCreateFiguresCallbackParams) => OverlayFigure | OverlayFigure[];
-export interface Overlay {
+export type OverlayEventCallback<E> = (event: OverlayEvent<E>) => void;
+export type OverlayCreateFiguresCallback<E> = (params: OverlayCreateFiguresCallbackParams<E>) => OverlayFigure | OverlayFigure[];
+export interface Overlay<E = unknown> extends OverlayEventCollection<E> {
 	/**
 	 * Unique identification
 	 */
@@ -691,7 +741,7 @@ export interface Overlay {
 	/**
 	 * Extended Data
 	 */
-	extendData: unknown;
+	extendData: E;
 	/**
 	 * The style information and format are consistent with the overlay in the unified configuration
 	 */
@@ -699,15 +749,15 @@ export interface Overlay {
 	/**
 	 * Create figures corresponding to points
 	 */
-	createPointFigures: Nullable<OverlayCreateFiguresCallback>;
+	createPointFigures: Nullable<OverlayCreateFiguresCallback<E>>;
 	/**
 	 * Create figures on the Y axis
 	 */
-	createXAxisFigures: Nullable<OverlayCreateFiguresCallback>;
+	createXAxisFigures: Nullable<OverlayCreateFiguresCallback<E>>;
 	/**
 	 * Create figures on the X axis
 	 */
-	createYAxisFigures: Nullable<OverlayCreateFiguresCallback>;
+	createYAxisFigures: Nullable<OverlayCreateFiguresCallback<E>>;
 	/**
 	 * Special handling callbacks when pressing events
 	 */
@@ -716,72 +766,16 @@ export interface Overlay {
 	 * In drawing, special handling callback when moving events
 	 */
 	performEventMoveForDrawing: Nullable<(params: OverlayPerformEventParams) => void>;
-	/**
-	 * Start drawing event
-	 */
-	onDrawStart: Nullable<OverlayEventCallback>;
-	/**
-	 * In drawing event
-	 */
-	onDrawing: Nullable<OverlayEventCallback>;
-	/**
-	 * Draw End Event
-	 */
-	onDrawEnd: Nullable<OverlayEventCallback>;
-	/**
-	 * Click event
-	 */
-	onClick: Nullable<OverlayEventCallback>;
-	/**
-	 * Double Click event
-	 */
-	onDoubleClick: Nullable<OverlayEventCallback>;
-	/**
-	 * Right click event
-	 */
-	onRightClick: Nullable<OverlayEventCallback>;
-	/**
-	 * Pressed move start event
-	 */
-	onPressedMoveStart: Nullable<OverlayEventCallback>;
-	/**
-	 * Pressed moving event
-	 */
-	onPressedMoving: Nullable<OverlayEventCallback>;
-	/**
-	 * Pressed move end event
-	 */
-	onPressedMoveEnd: Nullable<OverlayEventCallback>;
-	/**
-	 * Mouse enter event
-	 */
-	onMouseEnter: Nullable<OverlayEventCallback>;
-	/**
-	 * Mouse leave event
-	 */
-	onMouseLeave: Nullable<OverlayEventCallback>;
-	/**
-	 * Removed event
-	 */
-	onRemoved: Nullable<OverlayEventCallback>;
-	/**
-	 * Selected event
-	 */
-	onSelected: Nullable<OverlayEventCallback>;
-	/**
-	 * Deselected event
-	 */
-	onDeselected: Nullable<OverlayEventCallback>;
 }
-export type OverlayTemplate = ExcludePickPartial<Omit<Overlay, "id" | "groupId" | "paneId" | "points" | "currentStep">, "name">;
-export type OverlayCreate = ExcludePickPartial<Omit<Overlay, "currentStep" | "totalStep" | "createPointFigures" | "createXAxisFigures" | "createYAxisFigures" | "performEventPressedMove" | "performEventMoveForDrawing">, "name">;
-export type OverlayFilter = Partial<Pick<Overlay, "id" | "groupId" | "name" | "paneId">>;
-export type OverlayConstructor = new () => Overlay;
+export type OverlayTemplate<E = unknown> = ExcludePickPartial<Omit<Overlay<E>, "id" | "groupId" | "paneId" | "points" | "currentStep">, "name">;
+export type OverlayCreate<E = unknown> = ExcludePickPartial<Omit<Overlay<E>, "currentStep" | "totalStep" | "createPointFigures" | "createXAxisFigures" | "createYAxisFigures" | "performEventPressedMove" | "performEventMoveForDrawing">, "name">;
+export type OverlayFilter<E = unknown> = Partial<Pick<Overlay<E>, "id" | "groupId" | "name" | "paneId">>;
+export type OverlayConstructor<E = unknown> = new () => Overlay<E>;
 export interface Store {
 	setStyles: (value: string | DeepPartial<Styles>) => void;
 	getStyles: () => Styles;
-	setCustomApi: (api: Partial<CustomApi>) => void;
-	getCustomApi: () => CustomApi;
+	setFormatter: (formatter: Partial<Formatter>) => void;
+	getFormatter: () => Formatter;
 	setLocale: (locale: string) => void;
 	getLocale: () => string;
 	setTimezone: (timezone: string) => void;
@@ -790,8 +784,10 @@ export interface Store {
 	getThousandsSeparator: () => ThousandsSeparator;
 	setDecimalFold: (decimalFold: Partial<DecimalFold>) => void;
 	getDecimalFold: () => DecimalFold;
-	getPrecision: () => Precision;
-	setPrecision: (precision: Partial<Precision>) => void;
+	setSymbol: (symbol: SymbolInfo) => void;
+	getSymbol: () => Nullable<SymbolInfo>;
+	setPeriod: (period: Period) => void;
+	getPeriod: () => Nullable<Period>;
 	getDataList: () => KLineData[];
 	setOffsetRightDistance: (distance: number) => void;
 	getOffsetRightDistance: () => number;
@@ -802,8 +798,8 @@ export interface Store {
 	setBarSpace: (space: number) => void;
 	getBarSpace: () => BarSpace;
 	getVisibleRange: () => VisibleRange;
-	setLoadMoreDataCallback: (callback: LoadDataCallback) => void;
-	overrideIndicator: (override: IndicatorCreate, paneId?: string) => boolean;
+	setDataLoader: (dataLoader: DataLoader) => void;
+	overrideIndicator: (override: IndicatorCreate) => boolean;
 	removeIndicator: (filter?: IndicatorFilter) => boolean;
 	overrideOverlay: (override: Partial<OverlayCreate>) => boolean;
 	removeOverlay: (filter?: OverlayFilter) => boolean;
@@ -811,13 +807,9 @@ export interface Store {
 	isZoomEnabled: () => boolean;
 	setScrollEnabled: (enabled: boolean) => void;
 	isScrollEnabled: () => boolean;
-	clearData: () => void;
-}
-export declare enum DomPosition {
-	Root = "root",
-	Main = "main",
-	YAxis = "yAxis"
+	resetData: () => void;
 }
+export type DomPosition = "root" | "main" | "yAxis";
 export interface ConvertFilter {
 	paneId?: string;
 	absolute?: boolean;
@@ -826,12 +818,10 @@ export interface Chart extends Store {
 	id: string;
 	getDom: (paneId?: string, position?: DomPosition) => Nullable<HTMLElement>;
 	getSize: (paneId?: string, position?: DomPosition) => Nullable<Bounding>;
-	applyNewData: (dataList: KLineData[], more?: boolean | Partial<LoadDataMore>) => void;
-	updateData: (data: KLineData) => void;
 	createIndicator: (value: string | IndicatorCreate, isStack?: boolean, paneOptions?: PaneOptions) => Nullable<string>;
-	getIndicators: (filter?: IndicatorFilter) => Map<string, Indicator[]>;
+	getIndicators: (filter?: IndicatorFilter) => Indicator[];
 	createOverlay: (value: string | OverlayCreate | Array<string | OverlayCreate>) => Nullable<string> | Array<Nullable<string>>;
-	getOverlays: (filter?: OverlayFilter) => Map<string, Overlay[]>;
+	getOverlays: (filter?: OverlayFilter) => Overlay[];
 	setPaneOptions: (options: PaneOptions) => void;
 	getPaneOptions: (id?: string) => Nullable<PaneOptions> | PaneOptions[];
 	scrollByDistance: (distance: number, animationDuration?: number) => void;
@@ -865,10 +855,7 @@ export interface AxisGap {
 	top?: number;
 	bottom?: number;
 }
-declare enum AxisPosition {
-	Left = "left",
-	Right = "right"
-}
+export type AxisPosition = "left" | "right";
 export interface AxisValueToValueParams {
 	range: AxisRange;
 }
@@ -956,23 +943,14 @@ export interface TextAttrs {
 	align?: CanvasTextAlign;
 	baseline?: CanvasTextBaseline;
 }
-export declare enum IndicatorSeries {
-	Normal = "normal",
-	Price = "price",
-	Volume = "volume"
-}
+export type IndicatorSeries = "normal" | "price" | "volume";
 export type IndicatorFigureStyle = Partial<Omit<SmoothLineStyle, "style">> & Partial<Omit<RectStyle, "style">> & Partial<TextStyle> & Partial<{
 	style: LineType[keyof LineType];
 }> & Record<string, unknown>;
 export type IndicatorFigureAttrs = Partial<ArcAttrs> & Partial<LineStyle> & Partial<RectAttrs> & Partial<TextAttrs> & Record<string, unknown>;
-export interface IndicatorFigureCallbackBrother<PCN> {
-	prev: PCN;
-	current: PCN;
-	next: PCN;
-}
 export interface IndicatorFigureAttrsCallbackParams<D> {
-	data: IndicatorFigureCallbackBrother<Nullable<D>>;
-	coordinate: IndicatorFigureCallbackBrother<Record<keyof D, number> & {
+	data: NeighborData<Nullable<D>>;
+	coordinate: NeighborData<Record<keyof D, number> & {
 		x: number;
 	}>;
 	bounding: Bounding;
@@ -981,7 +959,7 @@ export interface IndicatorFigureAttrsCallbackParams<D> {
 	yAxis: YAxis;
 }
 export interface IndicatorFigureStylesCallbackParams<D> {
-	data: IndicatorFigureCallbackBrother<Nullable<D>>;
+	data: NeighborData<Nullable<D>>;
 	indicator: Indicator<D>;
 	defaultStyles?: IndicatorStyle;
 }
@@ -995,11 +973,11 @@ export interface IndicatorFigure<D = unknown> {
 	attrs?: IndicatorFigureAttrsCallback<D>;
 	styles?: IndicatorFigureStylesCallback<D>;
 }
-export type IndicatorRegenerateFiguresCallback<D> = (calcParams: unknown[]) => Array<IndicatorFigure<D>>;
+export type IndicatorRegenerateFiguresCallback<D, C> = (calcParams: C[]) => Array<IndicatorFigure<D>>;
 export interface IndicatorTooltipData {
 	name: string;
 	calcParamsText: string;
-	icons: TooltipIconStyle[];
+	features: TooltipFeatureStyle[];
 	legends: TooltipLegend[];
 }
 export interface IndicatorCreateTooltipDataSourceParams<D> {
@@ -1011,32 +989,36 @@ export interface IndicatorCreateTooltipDataSourceParams<D> {
 	yAxis: YAxis;
 }
 export type IndicatorCreateTooltipDataSourceCallback<D> = (params: IndicatorCreateTooltipDataSourceParams<D>) => IndicatorTooltipData;
-export interface IndicatorDrawParams<D> {
+export interface IndicatorDrawParams<D, C, E> {
 	ctx: CanvasRenderingContext2D;
 	chart: Chart;
-	indicator: Indicator<D>;
+	indicator: Indicator<D, C, E>;
 	bounding: Bounding;
 	xAxis: XAxis;
 	yAxis: YAxis;
 }
-export type IndicatorDrawCallback<D> = (params: IndicatorDrawParams<D>) => boolean;
-export type IndicatorCalcCallback<D> = (dataList: KLineData[], indicator: Indicator<D>) => Promise<D[]> | D[];
-export type IndicatorShouldUpdateCallback<D> = (prev: Indicator<D>, current: Indicator<D>) => (boolean | {
+export type IndicatorDrawCallback<D, C, E> = (params: IndicatorDrawParams<D, C, E>) => boolean;
+export type IndicatorCalcCallback<D, C, E> = (dataList: KLineData[], indicator: Indicator<D, C, E>) => Promise<Record<number, D>> | Record<number, D>;
+export type IndicatorShouldUpdateCallback<D, C, E> = (prev: Indicator<D, C, E>, current: Indicator<D, C, E>) => (boolean | {
 	calc: boolean;
 	draw: boolean;
 });
-declare enum IndicatorDataState {
-	Loading = "loading",
-	Error = "error",
-	Ready = "ready"
-}
+export type IndicatorDataState = "loading" | "error" | "ready";
 export interface IndicatorOnDataStateChangeParams<D> {
 	state: IndicatorDataState;
-	type: LoadDataType;
+	type: DataLoadType;
 	indicator: Indicator<D>;
 }
 export type IndicatorOnDataStateChangeCallback<D> = (params: IndicatorOnDataStateChangeParams<D>) => void;
-export interface Indicator<D = unknown> {
+export interface Indicator<D = unknown, C = unknown, E = unknown> {
+	/**
+	 * Unique id
+	 */
+	id: string;
+	/**
+	 * Pane id
+	 */
+	paneId: string;
 	/**
 	 * Indicator name
 	 */
@@ -1052,7 +1034,7 @@ export interface Indicator<D = unknown> {
 	/**
 	 * Calculation parameters
 	 */
-	calcParams: unknown[];
+	calcParams: C[];
 	/**
 	 * Whether ohlc column is required
 	 */
@@ -1072,7 +1054,7 @@ export interface Indicator<D = unknown> {
 	/**
 	 * Extend data
 	 */
-	extendData: unknown;
+	extendData: E;
 	/**
 	 * Indicator series
 	 */
@@ -1096,15 +1078,15 @@ export interface Indicator<D = unknown> {
 	/**
 	 *  Should update, should calc or draw
 	 */
-	shouldUpdate: Nullable<IndicatorShouldUpdateCallback<D>>;
+	shouldUpdate: Nullable<IndicatorShouldUpdateCallback<D, C, E>>;
 	/**
 	 * Indicator calculation
 	 */
-	calc: IndicatorCalcCallback<D>;
+	calc: IndicatorCalcCallback<D, C, E>;
 	/**
 	 * Regenerate figure configuration
 	 */
-	regenerateFigures: Nullable<IndicatorRegenerateFiguresCallback<D>>;
+	regenerateFigures: Nullable<IndicatorRegenerateFiguresCallback<D, C>>;
 	/**
 	 * Create custom tooltip text
 	 */
@@ -1112,7 +1094,7 @@ export interface Indicator<D = unknown> {
 	/**
 	 * Custom draw
 	 */
-	draw: Nullable<IndicatorDrawCallback<D>>;
+	draw: Nullable<IndicatorDrawCallback<D, C, E>>;
 	/**
 	 * Data state change
 	 */
@@ -1120,14 +1102,11 @@ export interface Indicator<D = unknown> {
 	/**
 	 * Calculation result
 	 */
-	result: D[];
-}
-export type IndicatorTemplate<D = unknown> = ExcludePickPartial<Omit<Indicator<D>, "result">, "name" | "calc">;
-export type IndicatorCreate<D = unknown> = ExcludePickPartial<Omit<Indicator<D>, "result">, "name">;
-export interface IndicatorFilter {
-	name?: string;
-	paneId?: string;
+	result: Record<number, D>;
 }
+export type IndicatorTemplate<D = unknown, C = unknown, E = unknown> = ExcludePickPartial<Omit<Indicator<D, C, E>, "result" | "paneId">, "name" | "calc">;
+export type IndicatorCreate<D = unknown, C = unknown, E = unknown> = ExcludePickPartial<Omit<Indicator<D, C, E>, "result">, "name">;
+export type IndicatorFilter = Partial<Pick<Indicator, "id" | "paneId" | "name">>;
 declare function checkCoordinateOnLine(coordinate: Coordinate, attrs: LineAttrs | LineAttrs[]): boolean;
 declare function getLinearYFromSlopeIntercept(kb: Nullable<number[]>, coordinate: Coordinate): number;
 declare function getLinearYFromCoordinates(coordinate1: Coordinate, coordinate2: Coordinate, targetCoordinate: Coordinate): number;
@@ -1142,11 +1121,11 @@ export interface PolygonAttrs {
 export declare function getSupportedFigures(): string[];
 export declare function registerFigure<A = unknown, S = unknown>(figure: FigureTemplate<A, S>): void;
 export declare function getFigureClass<A = unknown, S = unknown>(name: string): Nullable<FigureConstructor<A, S>>;
-export declare function registerIndicator<D>(indicator: IndicatorTemplate<D>): void;
+export declare function registerIndicator<D = unknown, C = unknown, E = unknown>(indicator: IndicatorTemplate<D, C, E>): void;
 export declare function getSupportedIndicators(): string[];
 export declare function registerLocale(locale: string, ls: Locales): void;
 export declare function getSupportedLocales(): string[];
-export declare function registerOverlay(template: OverlayTemplate): void;
+export declare function registerOverlay<E = unknown>(template: OverlayTemplate<E>): void;
 export declare function getOverlayClass(name: string): Nullable<OverlayConstructor>;
 export declare function getSupportedOverlays(): string[];
 export declare function registerStyles(name: string, ss: DeepPartial<Styles>): void;
@@ -1182,7 +1161,7 @@ export declare const utils: {
 	formatValue: typeof formatValue;
 	formatPrecision: typeof formatPrecision;
 	formatBigNumber: typeof formatBigNumber;
-	formatDate: typeof formatTimestampToString;
+	formatDate: typeof formatTimestampByTemplate;
 	formatThousands: typeof formatThousands;
 	formatFoldDecimal: typeof formatFoldDecimal;
 	calcTextWidth: typeof calcTextWidth;