@chartspire/chartspire-chart 1.1.0 → 10.0.0-alpha3

package/dist/index.d.ts

@@ -12,20 +12,7 @@
  * limitations under the License.
  */
 export type Nullable<T> = T | null;
-/**
- * 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 CandleStickData {
+export interface KLineData {
 	timestamp: number;
 	open: number;
 	high: number;
@@ -33,14 +20,8 @@ export interface CandleStickData {
 	close: number;
 	volume?: number;
 	turnover?: number;
-	/**
-	 * Modified code
-	 */
-	hh?: boolean;
-	lh?: boolean;
-	[key: string]: any;
+	[key: string]: unknown;
 }
-export type TooltipTextStyle = Pick<TextStyle, "color" | "size" | "family" | "weight" | "backgroundColor" | "borderSize" | "borderRadius"> & Margin;
 export interface Margin {
 	marginLeft: number;
 	marginTop: number;
@@ -93,8 +74,6 @@ export interface PolygonStyle {
 }
 export interface RectStyle extends PolygonStyle {
 	borderRadius: number;
-	positionX: number;
-	positionY: number;
 }
 export interface TextStyle extends Padding {
 	style: PolygonType;
@@ -136,6 +115,7 @@ export interface GridStyle {
 	horizontal: StateLineStyle;
 	vertical: StateLineStyle;
 }
+export type TooltipTextStyle = Pick<TextStyle, "color" | "size" | "family" | "weight"> & Margin;
 export interface TooltipLegendChild {
 	text: string;
 	color: string;
@@ -204,7 +184,7 @@ export interface CandlePriceMarkStyle {
 	low: CandleHighLowPriceMarkStyle;
 	last: CandleLastPriceMarkStyle;
 }
-declare enum CandleTooltipRectPosition {
+export declare enum CandleTooltipRectPosition {
 	Fixed = "fixed",
 	Pointer = "pointer"
 }
@@ -212,16 +192,22 @@ export interface CandleTooltipRectStyle extends Omit<RectStyle, "style" | "borde
 	position: CandleTooltipRectPosition;
 }
 export interface CandleTooltipCustomCallbackData {
-	prev: Nullable<CandleStickData>;
-	current: CandleStickData;
-	next: Nullable<CandleStickData>;
+	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[];
 	rect: CandleTooltipRectStyle;
 }
+export interface RenkoStyle {
+	brick: {
+		size: number;
+	};
+}
 export declare enum CandleType {
+	HeikinAshi = "heikin_ashi",
 	CandleSolid = "candle_solid",
 	CandleStroke = "candle_stroke",
 	CandleUpStroke = "candle_up_stroke",
@@ -243,6 +229,7 @@ export interface CandleStyle {
 	area: CandleAreaStyle;
 	priceMark: CandlePriceMarkStyle;
 	tooltip: CandleTooltipStyle;
+	renko?: RenkoStyle;
 }
 export type IndicatorPolygonStyle = Omit<PolygonStyle, "color" | "borderColor"> & ChangeColor;
 export interface IndicatorLastValueMarkStyle {
@@ -260,7 +247,7 @@ export interface IndicatorStyle {
 	circles: IndicatorPolygonStyle[];
 	lastValueMark: IndicatorLastValueMarkStyle;
 	tooltip: IndicatorTooltipStyle;
-	[key: string]: any;
+	[key: string]: unknown;
 }
 export type AxisLineStyle = Omit<StateLineStyle, "style" | "dashedValue">;
 export interface AxisTickLineStyle extends AxisLineStyle {
@@ -277,22 +264,6 @@ export interface AxisStyle {
 	tickLine: AxisTickLineStyle;
 	tickText: AxisTickTextStyle;
 }
-export type XAxisStyle = AxisStyle;
-export declare enum YAxisPosition {
-	Left = "left",
-	Right = "right"
-}
-export declare enum YAxisType {
-	Normal = "normal",
-	Percentage = "percentage",
-	Log = "log"
-}
-export interface YAxisStyle extends AxisStyle {
-	type: YAxisType;
-	position: YAxisPosition;
-	inside: boolean;
-	reverse: boolean;
-}
 export interface CrosshairDirectionStyle {
 	show: boolean;
 	line: StateLineStyle;
@@ -321,12 +292,7 @@ export interface OverlayStyle {
 	circle: PolygonStyle;
 	arc: LineStyle;
 	text: TextStyle;
-	/**
-	 * @deprecated
-	 * Starting from v10, it will be deleted
-	 */
-	rectText: TextStyle;
-	[key: string]: any;
+	[key: string]: unknown;
 }
 export interface SeparatorStyle {
 	size: number;
@@ -338,23 +304,23 @@ export interface Styles {
 	grid: GridStyle;
 	candle: CandleStyle;
 	indicator: IndicatorStyle;
-	xAxis: XAxisStyle;
-	yAxis: YAxisStyle;
+	xAxis: AxisStyle;
+	yAxis: AxisStyle;
 	separator: SeparatorStyle;
 	crosshair: CrosshairStyle;
 	overlay: OverlayStyle;
 }
 declare function merge(target: any, source: any): void;
 declare function clone<T>(target: T): T;
-declare function isArray<T = any>(value: any): value is T[];
-declare function isFunction<T = (...args: any) => any>(value: any): value is T;
-declare function isObject(value: any): value is object;
-declare function isNumber(value: any): value is number;
+declare function isArray<T = unknown>(value: unknown): value is T[];
+declare function isFunction<T = (...args: unknown[]) => unknown>(value: unknown): value is T;
+declare function isObject(value: unknown): value is object;
+declare function isNumber(value: unknown): value is number;
 declare function isValid<T>(value: T | null | undefined): value is T;
-declare function isBoolean(value: any): value is boolean;
-declare function isString(value: any): value is string;
+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 formatDate(dateTimeFormat: Intl.DateTimeFormat, timestamp: number, format: string): string;
+declare function formatTimestampToString(dateTimeFormat: Intl.DateTimeFormat, timestamp: number, format: 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;
@@ -373,9 +339,8 @@ declare function calcTextWidth(text: string, size?: number, weight?: string | nu
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export type ActionCallback = (data?: any) => void;
+export type ActionCallback = (data?: unknown) => void;
 export declare enum ActionType {
-	OnDataReady = "onDataReady",
 	OnZoom = "onZoom",
 	OnScroll = "onScroll",
 	OnVisibleRangeChange = "onVisibleRangeChange",
@@ -397,7 +362,9 @@ export declare enum ActionType {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export type ExcludePickPartial<T, K extends keyof T> = Partial<Omit<T, K>> & Pick<T, K>;
+export type DeepPartial<T> = {
+	[P in keyof T]?: T[P] extends Array<infer U> ? Array<DeepPartial<U>> : T[P] extends ReadonlyArray<infer X> ? ReadonlyArray<DeepPartial<X>> : T[P] extends object ? DeepPartial<T[P]> : T[P];
+};
 /**
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -411,14 +378,8 @@ export type ExcludePickPartial<T, K extends keyof T> = Partial<Omit<T, K>> & Pic
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export interface Bounding {
-	width: number;
-	height: number;
-	left: number;
-	right: number;
-	top: number;
-	bottom: number;
-}
+export type PickRequired<T, K extends keyof T> = Omit<T, K> & Required<Pick<T, K>>;
+export type ExcludePickPartial<T, K extends keyof T> = PickRequired<Partial<T>, K>;
 /**
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -432,11 +393,13 @@ export interface Bounding {
  * 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 Bounding {
+	width: number;
+	height: number;
+	left: number;
+	right: number;
+	top: number;
+	bottom: number;
 }
 /**
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -477,16 +440,11 @@ export interface Coordinate {
 export interface Crosshair extends Partial<Coordinate> {
 	paneId?: string;
 	realX?: number;
-	kLineData?: CandleStickData;
+	timestamp?: number;
+	kLineData?: KLineData;
 	dataIndex?: number;
 	realDataIndex?: number;
 }
-export interface MouseTouchEvent extends Coordinate {
-	pageX: number;
-	pageY: number;
-	isTouch?: boolean;
-	preventDefault?: () => void;
-}
 /**
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -500,9 +458,18 @@ export interface MouseTouchEvent extends Coordinate {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export type DeepPartial<T> = {
-	[P in keyof T]?: T[P] extends Array<infer U> ? Array<DeepPartial<U>> : T[P] extends ReadonlyArray<infer X> ? ReadonlyArray<DeepPartial<X>> : T[P] extends object ? DeepPartial<T[P]> : T[P];
-};
+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;
+}
 /**
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -521,20 +488,20 @@ export interface Point {
 	timestamp: number;
 	value: number;
 }
-/**
- * Since v9.8.0 deprecated, since v10 removed
- * @deprecated
- */
-export type LoadMoreCallback = (timestamp: Nullable<number>) => void;
 declare enum LoadDataType {
 	Init = "init",
 	Forward = "forward",
-	Backward = "backward"
+	Backward = "backward",
+	Update = "update"
 }
 export interface LoadDataParams {
 	type: LoadDataType;
-	data: Nullable<CandleStickData>;
-	callback: (dataList: CandleStickData[], more?: boolean) => void;
+	data: Nullable<KLineData>;
+	callback: (dataList: KLineData[], more?: boolean) => void;
+}
+export interface LoadDataMore {
+	[LoadDataType.Backward]: boolean;
+	[LoadDataType.Forward]: boolean;
 }
 export type LoadDataCallback = (params: LoadDataParams) => void;
 /**
@@ -554,46 +521,26 @@ export interface Precision {
 	price: number;
 	volume: number;
 }
-/**
- * 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 PaneGap {
-	top?: number;
-	bottom?: number;
-}
-export interface PaneAxisOptions {
-	name?: string;
-	scrollZoomEnabled?: boolean;
-}
-export declare const enum PanePosition {
-	Top = "top",
-	Bottom = "bottom"
+export declare const enum PaneState {
+	Normal = "normal",
+	Maximize = "maximize",
+	Minimize = "minimize"
 }
 export interface PaneOptions {
 	id?: string;
 	height?: number;
 	minHeight?: number;
 	dragEnabled?: boolean;
-	position?: PanePosition;
-	gap?: PaneGap;
-	axisOptions?: PaneAxisOptions;
+	order?: number;
+	state?: PaneState;
+	axis?: Partial<AxisCreate>;
 }
 export declare enum FormatDateType {
 	Tooltip = 0,
 	Crosshair = 1,
 	XAxis = 2
 }
-export type FormatDate = (dateTimeFormat: Intl.DateTimeFormat, timestamp: number, format: string, type: FormatDateType) => string;
+export type FormatDate = (timestamp: number, format: string, type: FormatDateType) => string;
 export type FormatBigNumber = (value: string | number) => string;
 export interface CustomApi {
 	formatDate: FormatDate;
@@ -620,17 +567,28 @@ export interface LayoutChild {
 	content?: Array<string | IndicatorCreate>;
 	options?: PaneOptions;
 }
+export interface DecimalFold {
+	threshold: number;
+	format: (value: string | number) => string;
+}
+export interface ThousandsSeparator {
+	sign: string;
+	format: (value: string | number) => string;
+}
 export interface Options {
-	layout?: LayoutChild[];
 	locale?: string;
 	timezone?: string;
 	styles?: string | DeepPartial<Styles>;
 	customApi?: Partial<CustomApi>;
-	thousandsSeparator?: string;
-	decimalFoldThreshold?: number;
+	thousandsSeparator?: Partial<ThousandsSeparator>;
+	decimalFold?: Partial<DecimalFold>;
+	layout?: LayoutChild[];
 }
-export interface YAxis extends Axis {
+export type YAxisTemplate = AxisTemplate;
+export interface YAxis extends Axis, Required<YAxisTemplate> {
 	isFromZero: () => boolean;
+	isInCandle: () => boolean;
+	convertToNicePixel: (value: number) => number;
 }
 export declare enum OverlayMode {
 	Normal = "normal",
@@ -648,20 +606,15 @@ export type OverlayFigureIgnoreEventType = "mouseClickEvent" | "mouseRightClickE
 export interface OverlayFigure {
 	key?: string;
 	type: string;
-	attrs: any;
-	styles?: any;
+	attrs: unknown;
+	styles?: unknown;
 	ignoreEvent?: boolean | OverlayFigureIgnoreEventType[];
 }
 export interface OverlayCreateFiguresCallbackParams {
+	chart: Chart;
 	overlay: Overlay;
 	coordinates: Coordinate[];
 	bounding: Bounding;
-	barSpace: BarSpace;
-	precision: Precision;
-	thousandsSeparator: string;
-	decimalFoldThreshold: number;
-	dateTimeFormat: Intl.DateTimeFormat;
-	defaultStyles: OverlayStyle;
 	xAxis: Nullable<XAxis>;
 	yAxis: Nullable<YAxis>;
 }
@@ -669,6 +622,7 @@ export interface OverlayEvent extends Partial<MouseTouchEvent> {
 	figureKey?: string;
 	figureIndex?: number;
 	overlay: Overlay;
+	chart: Chart;
 }
 export type OverlayEventCallback = (event: OverlayEvent) => boolean;
 export type OverlayCreateFiguresCallback = (params: OverlayCreateFiguresCallbackParams) => OverlayFigure | OverlayFigure[];
@@ -736,7 +690,7 @@ export interface Overlay {
 	/**
 	 * Extended Data
 	 */
-	extendData: any;
+	extendData: unknown;
 	/**
 	 * The style information and format are consistent with the overlay in the unified configuration
 	 */
@@ -819,31 +773,25 @@ export interface Overlay {
 	onDeselected: Nullable<OverlayEventCallback>;
 }
 export type OverlayTemplate = ExcludePickPartial<Omit<Overlay, "id" | "groupId" | "paneId" | "points" | "currentStep">, "name">;
-export type OverlayCreate = ExcludePickPartial<Omit<Overlay, "paneId" | "currentStep" | "totalStep" | "createPointFigures" | "createXAxisFigures" | "createYAxisFigures" | "performEventPressedMove" | "performEventMoveForDrawing">, "name">;
-export type OverlayRemove = Partial<Pick<Overlay, "id" | "groupId" | "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 declare enum DomPosition {
-	Root = "root",
-	Main = "main",
-	YAxis = "yAxis"
-}
-export interface ConvertFinder {
-	paneId?: string;
-	absolute?: boolean;
-}
-export interface Chart {
-	id: string;
-	getDom: (paneId?: string, position?: DomPosition) => Nullable<HTMLElement>;
-	getSize: (paneId?: string, position?: DomPosition) => Nullable<Bounding>;
+export interface Store {
+	setStyles: (value: string | DeepPartial<Styles>) => void;
+	getStyles: () => Styles;
+	setCustomApi: (api: Partial<CustomApi>) => void;
+	getCustomApi: () => CustomApi;
 	setLocale: (locale: string) => void;
 	getLocale: () => string;
-	setStyles: (styles: string | DeepPartial<Styles>) => void;
-	getStyles: () => Styles;
-	setCustomApi: (customApi: Partial<CustomApi>) => void;
-	setPriceVolumePrecision: (pricePrecision: number, volumePrecision: number) => void;
-	getPriceVolumePrecision: () => Precision;
 	setTimezone: (timezone: string) => void;
 	getTimezone: () => string;
+	setThousandsSeparator: (thousandsSeparator: Partial<ThousandsSeparator>) => void;
+	getThousandsSeparator: () => ThousandsSeparator;
+	setDecimalFold: (decimalFold: Partial<DecimalFold>) => void;
+	getDecimalFold: () => DecimalFold;
+	getPrecision: () => Precision;
+	setPrecision: (precision: Partial<Precision>) => void;
+	getDataList: () => KLineData[];
 	setOffsetRightDistance: (distance: number) => void;
 	getOffsetRightDistance: () => number;
 	setMaxOffsetLeftDistance: (distance: number) => void;
@@ -851,36 +799,40 @@ export interface Chart {
 	setLeftMinVisibleBarCount: (barCount: number) => void;
 	setRightMinVisibleBarCount: (barCount: number) => void;
 	setBarSpace: (space: number) => void;
-	getBarSpace: () => number;
+	getBarSpace: () => BarSpace;
 	getVisibleRange: () => VisibleRange;
-	clearData: () => void;
-	getDataList: () => CandleStickData[];
-	applyNewData: (dataList: CandleStickData[], more?: boolean, callback?: () => void) => void;
-	/**
-	 * @deprecated
-	 * Since v9.8.0 deprecated, since v10 removed
-	 */
-	applyMoreData: (dataList: CandleStickData[], more?: boolean, callback?: () => void) => void;
-	updateData: (data: CandleStickData, callback?: () => void) => void;
-	/**
-	 * @deprecated
-	 * Since v9.8.0 deprecated, since v10 removed
-	 */
-	loadMore: (cb: LoadMoreCallback) => void;
-	setLoadDataCallback: (cb: LoadDataCallback) => void;
-	createIndicator: (value: string | IndicatorCreate, isStack?: boolean, paneOptions?: PaneOptions, callback?: () => void) => Nullable<string>;
-	overrideIndicator: (override: IndicatorCreate, paneId?: string, callback?: () => void) => void;
-	getIndicatorByPaneId: (paneId?: string, name?: string) => Nullable<Indicator> | Nullable<Map<string, Indicator>> | Map<string, Map<string, Indicator>>;
-	removeIndicator: (paneId: string, name?: string) => void;
-	createOverlay: (value: string | OverlayCreate | Array<string | OverlayCreate>, paneId?: string) => Nullable<string> | Array<Nullable<string>>;
-	getOverlayById: (id: string) => Nullable<Overlay>;
-	overrideOverlay: (override: Partial<OverlayCreate>) => void;
-	removeOverlay: (remove?: string | OverlayRemove) => void;
-	setPaneOptions: (options: PaneOptions) => void;
+	setLoadMoreDataCallback: (callback: LoadDataCallback) => void;
+	overrideIndicator: (override: IndicatorCreate, paneId?: string) => boolean;
+	removeIndicator: (filter?: IndicatorFilter) => boolean;
+	overrideOverlay: (override: Partial<OverlayCreate>) => boolean;
+	removeOverlay: (filter?: OverlayFilter) => boolean;
 	setZoomEnabled: (enabled: boolean) => void;
 	isZoomEnabled: () => boolean;
 	setScrollEnabled: (enabled: boolean) => void;
 	isScrollEnabled: () => boolean;
+	clearData: () => void;
+}
+export declare enum DomPosition {
+	Root = "root",
+	Main = "main",
+	YAxis = "yAxis"
+}
+export interface ConvertFilter {
+	paneId?: string;
+	absolute?: boolean;
+}
+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[]>;
+	createOverlay: (value: string | OverlayCreate | Array<string | OverlayCreate>) => Nullable<string> | Array<Nullable<string>>;
+	getOverlays: (filter?: OverlayFilter) => Map<string, Overlay[]>;
+	setPaneOptions: (options: PaneOptions) => void;
+	getPaneOptions: (id?: string) => Nullable<PaneOptions> | PaneOptions[];
 	scrollByDistance: (distance: number, animationDuration?: number) => void;
 	scrollToRealTime: (animationDuration?: number) => void;
 	scrollToDataIndex: (dataIndex: number, animationDuration?: number) => void;
@@ -888,12 +840,12 @@ export interface Chart {
 	zoomAtCoordinate: (scale: number, coordinate?: Coordinate, animationDuration?: number) => void;
 	zoomAtDataIndex: (scale: number, dataIndex: number, animationDuration?: number) => void;
 	zoomAtTimestamp: (scale: number, timestamp: number, animationDuration?: number) => void;
-	convertToPixel: (points: Partial<Point> | Array<Partial<Point>>, finder: ConvertFinder) => Partial<Coordinate> | Array<Partial<Coordinate>>;
-	convertFromPixel: (coordinates: Array<Partial<Coordinate>>, finder: ConvertFinder) => Partial<Point> | Array<Partial<Point>>;
-	executeAction: (type: ActionType, data: any) => void;
+	convertToPixel: (points: Partial<Point> | Array<Partial<Point>>, filter?: ConvertFilter) => Partial<Coordinate> | Array<Partial<Coordinate>>;
+	convertFromPixel: (coordinates: Array<Partial<Coordinate>>, filter?: ConvertFilter) => Partial<Point> | Array<Partial<Point>>;
+	executeAction: (type: ActionType, data: Crosshair) => void;
 	subscribeAction: (type: ActionType, callback: ActionCallback) => void;
 	unsubscribeAction: (type: ActionType, callback?: ActionCallback) => void;
-	getConvertPictureUrl: (includeOverlay?: boolean, type?: string, backgroundColor?: string) => string;
+	getConvertPictureUrl: (includeOverlay?: boolean, type?: "png" | "jpeg" | "bmp", backgroundColor?: string) => string;
 	resize: () => void;
 }
 export interface AxisTick {
@@ -904,49 +856,89 @@ export interface AxisTick {
 export interface AxisRange extends VisibleRange {
 	readonly range: number;
 	readonly realRange: number;
+	readonly displayFrom: number;
+	readonly displayTo: number;
+	readonly displayRange: number;
 }
-export interface Axis {
-	convertToPixel: (value: number) => number;
-	convertFromPixel: (px: number) => number;
+export interface AxisGap {
+	top?: number;
+	bottom?: number;
+}
+declare enum AxisPosition {
+	Left = "left",
+	Right = "right"
+}
+export interface AxisValueToValueParams {
+	range: AxisRange;
+}
+export type AxisValueToValueCallback = (value: number, params: AxisValueToValueParams) => number;
+export interface AxisCreateRangeParams {
+	chart: Chart;
+	paneId: string;
+	defaultRange: AxisRange;
 }
+export type AxisCreateRangeCallback = (params: AxisCreateRangeParams) => AxisRange;
 export interface AxisCreateTicksParams {
 	range: AxisRange;
 	bounding: Bounding;
 	defaultTicks: AxisTick[];
 }
 export type AxisCreateTicksCallback = (params: AxisCreateTicksParams) => AxisTick[];
+export type AxisMinSpanCallback = (value: number) => number;
 export interface AxisTemplate {
 	name: string;
-	createTicks: AxisCreateTicksCallback;
+	reverse?: boolean;
+	inside?: boolean;
+	position?: AxisPosition;
+	scrollZoomEnabled?: boolean;
+	gap?: AxisGap;
+	valueToRealValue?: AxisValueToValueCallback;
+	realValueToDisplayValue?: AxisValueToValueCallback;
+	displayValueToRealValue?: AxisValueToValueCallback;
+	realValueToValue?: AxisValueToValueCallback;
+	displayValueToText?: (value: number, precision: number) => string;
+	minSpan?: AxisMinSpanCallback;
+	createRange?: AxisCreateRangeCallback;
+	createTicks?: AxisCreateTicksCallback;
+}
+export interface Axis {
+	override: (axis: AxisTemplate) => void;
+	getTicks: () => AxisTick[];
+	getRange: () => AxisRange;
+	getAutoSize: () => number;
+	convertToPixel: (value: number) => number;
+	convertFromPixel: (px: number) => number;
 }
-export type XAxis = Axis;
-export interface Figure<A = any, S = any> {
+export type AxisCreate = Omit<AxisTemplate, "displayValueToText" | "valueToRealValue" | "realValueToDisplayValue" | "displayValueToRealValue" | "realValueToValue">;
+export type XAxisTemplate = Pick<AxisTemplate, "name" | "scrollZoomEnabled" | "createTicks">;
+export interface XAxis extends Axis, Required<XAxisTemplate> {
+	convertTimestampFromPixel: (pixel: number) => Nullable<number>;
+	convertTimestampToPixel: (timestamp: number) => number;
+}
+export interface Figure<A = unknown, S = unknown> {
 	name: string;
 	attrs: A;
 	styles: S;
 	draw: (ctx: CanvasRenderingContext2D, attrs: A, styles: S) => void;
 	checkEventOn: (coordinate: Coordinate, attrs: A, styles: S) => boolean;
 }
-export type FigureTemplate<A = any, S = any> = Pick<Figure<A, S>, "name" | "draw" | "checkEventOn">;
-export type FigureCreate<A = any, S = any> = Pick<Figure<A, S>, "name" | "attrs" | "styles">;
-export type FigureConstructor<A = any, S = any> = new (figure: FigureCreate<A, S>) => ({
+export type FigureTemplate<A = unknown, S = unknown> = Pick<Figure<A, S>, "name" | "draw" | "checkEventOn">;
+export type FigureCreate<A = unknown, S = unknown> = Pick<Figure<A, S>, "name" | "attrs" | "styles">;
+export type FigureConstructor<A = unknown, S = unknown> = new (figure: FigureCreate<A, S>) => ({
 	draw: (ctx: CanvasRenderingContext2D) => void;
 });
 declare function checkCoordinateOnCircle(coordinate: Coordinate, attrs: CircleAttrs | CircleAttrs[]): boolean;
-declare function drawCircle(ctx: CanvasRenderingContext2D, attrs: CircleAttrs | CircleAttrs[], styles: Partial<PolygonStyle>): void;
 export interface CircleAttrs {
 	x: number;
 	y: number;
 	r: number;
 }
 declare function checkCoordinateOnArc(coordinate: Coordinate, attrs: ArcAttrs | ArcAttrs[]): boolean;
-declare function drawArc(ctx: CanvasRenderingContext2D, attrs: ArcAttrs | ArcAttrs[], styles: Partial<LineStyle>): void;
 export interface ArcAttrs extends CircleAttrs {
 	startAngle: number;
 	endAngle: number;
 }
 declare function checkCoordinateOnRect(coordinate: Coordinate, attrs: RectAttrs | RectAttrs[]): boolean;
-declare function drawRect(ctx: CanvasRenderingContext2D, attrs: RectAttrs | RectAttrs[], styles: Partial<RectStyle>): void;
 export interface RectAttrs {
 	x: number;
 	y: number;
@@ -954,7 +946,6 @@ export interface RectAttrs {
 	height: number;
 }
 declare function checkCoordinateOnText(coordinate: Coordinate, attrs: TextAttrs | TextAttrs[], styles: Partial<TextStyle>): boolean;
-declare function drawText(ctx: CanvasRenderingContext2D, attrs: TextAttrs | TextAttrs[], styles: Partial<TextStyle>, toolTipType: string): void;
 export interface TextAttrs {
 	x: number;
 	y: number;
@@ -969,81 +960,82 @@ export declare enum IndicatorSeries {
 	Price = "price",
 	Volume = "volume"
 }
-export type PatternFigureData = any;
-export type IndicatorFigureStyle = Partial<Omit<SmoothLineStyle, "style">> & Partial<Omit<RectStyle, "style">> & Partial<Omit<TextStyle, "style">> & Partial<{
-	style: LineType[keyof LineType] | PolygonType[keyof PolygonType];
-}> & Record<string, any>;
-export type IndicatorFigureAttrs = Partial<ArcAttrs> & Partial<LineStyle> & Partial<RectAttrs> & Partial<TextAttrs> & Record<string, any>;
+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 type IndicatorFigureAttrsCallbackCoordinate<D> = IndicatorFigureCallbackBrother<Record<keyof D, number> & {
-	x: number;
-}>;
 export interface IndicatorFigureAttrsCallbackParams<D> {
-	coordinate: IndicatorFigureAttrsCallbackCoordinate<D>;
+	data: IndicatorFigureCallbackBrother<Nullable<D>>;
+	coordinate: IndicatorFigureCallbackBrother<Record<keyof D, number> & {
+		x: number;
+	}>;
 	bounding: Bounding;
 	barSpace: BarSpace;
 	xAxis: XAxis;
 	yAxis: YAxis;
 }
-export interface IndicatorFigureStylesCallbackDataChild<D> {
-	kLineData?: CandleStickData;
-	indicatorData?: D;
-}
-export interface PatternFigureDataCallbackInterface<D> {
-	kLineData?: CandleStickData;
-	indicatorData?: D;
+export interface IndicatorFigureStylesCallbackParams<D> {
+	data: IndicatorFigureCallbackBrother<Nullable<D>>;
+	indicator: Indicator<D>;
+	defaultStyles?: IndicatorStyle;
 }
-export type IndicatorFigureStylesCallbackData<D> = IndicatorFigureCallbackBrother<IndicatorFigureStylesCallbackDataChild<D>>;
-export type PatternFigureDataCallbackData<D> = PatternFigureDataCallbackInterface<D>;
 export type IndicatorFigureAttrsCallback<D> = (params: IndicatorFigureAttrsCallbackParams<D>) => IndicatorFigureAttrs;
-export type IndicatorFigureStylesCallback<D> = (data: IndicatorFigureStylesCallbackData<D>, indicator: Indicator<D>, defaultStyles: IndicatorStyle) => IndicatorFigureStyle;
-export type PatternFigureCallback<D> = (data: PatternFigureDataCallbackData<D>) => PatternFigureData;
-export interface IndicatorFigure<D = any> {
+export type IndicatorFigureStylesCallback<D> = (params: IndicatorFigureStylesCallbackParams<D>) => IndicatorFigureStyle;
+export interface IndicatorFigure<D = unknown> {
 	key: string;
 	title?: string;
 	type?: string;
 	baseValue?: number;
 	attrs?: IndicatorFigureAttrsCallback<D>;
 	styles?: IndicatorFigureStylesCallback<D>;
-	patternData?: PatternFigureCallback<D>;
-	textMessage?: string;
 }
-export type IndicatorRegenerateFiguresCallback<D = any> = (calcParams: any[]) => Array<IndicatorFigure<D>>;
+export type IndicatorRegenerateFiguresCallback<D> = (calcParams: unknown[]) => Array<IndicatorFigure<D>>;
 export interface IndicatorTooltipData {
 	name: string;
 	calcParamsText: string;
 	icons: TooltipIconStyle[];
-	values: TooltipLegend[];
+	legends: TooltipLegend[];
 }
-export interface IndicatorCreateTooltipDataSourceParams<D = any> {
-	kLineDataList: CandleStickData[];
+export interface IndicatorCreateTooltipDataSourceParams<D> {
+	chart: Chart;
 	indicator: Indicator<D>;
-	visibleRange: VisibleRange;
 	bounding: Bounding;
 	crosshair: Crosshair;
-	defaultStyles: IndicatorStyle;
 	xAxis: XAxis;
 	yAxis: YAxis;
 }
-export type IndicatorCreateTooltipDataSourceCallback<D = any> = (params: IndicatorCreateTooltipDataSourceParams<D>) => IndicatorTooltipData;
-export interface IndicatorDrawParams<D = any> {
+export type IndicatorCreateTooltipDataSourceCallback<D> = (params: IndicatorCreateTooltipDataSourceParams<D>) => IndicatorTooltipData;
+export interface IndicatorDrawParams<D> {
 	ctx: CanvasRenderingContext2D;
-	kLineDataList: CandleStickData[];
+	chart: Chart;
 	indicator: Indicator<D>;
-	visibleRange: VisibleRange;
 	bounding: Bounding;
-	barSpace: BarSpace;
-	defaultStyles: IndicatorStyle;
 	xAxis: XAxis;
 	yAxis: YAxis;
 }
-export type IndicatorDrawCallback<D = any> = (params: IndicatorDrawParams<D>) => boolean;
-export type IndicatorCalcCallback<D> = (dataList: CandleStickData[], indicator: Indicator<D>) => Promise<D[]> | D[];
-export interface Indicator<D = any> {
+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 | {
+	calc: boolean;
+	draw: boolean;
+});
+declare enum IndicatorDataState {
+	Loading = "loading",
+	Error = "error",
+	Ready = "ready"
+}
+export interface IndicatorOnDataStateChangeParams<D> {
+	state: IndicatorDataState;
+	type: LoadDataType;
+	indicator: Indicator<D>;
+}
+export type IndicatorOnDataStateChangeCallback<D> = (params: IndicatorOnDataStateChangeParams<D>) => void;
+export interface Indicator<D = unknown> {
 	/**
 	 * Indicator name
 	 */
@@ -1059,7 +1051,7 @@ export interface Indicator<D = any> {
 	/**
 	 * Calculation parameters
 	 */
-	calcParams: any[];
+	calcParams: unknown[];
 	/**
 	 * Whether ohlc column is required
 	 */
@@ -1079,7 +1071,7 @@ export interface Indicator<D = any> {
 	/**
 	 * Extend data
 	 */
-	extendData: any;
+	extendData: unknown;
 	/**
 	 * Indicator series
 	 */
@@ -1099,11 +1091,11 @@ export interface Indicator<D = any> {
 	/**
 	 * Style configuration
 	 */
-	styles: Nullable<Partial<IndicatorStyle>>;
+	styles: Nullable<DeepPartial<IndicatorStyle>>;
 	/**
-	 * Pattern data
+	 *  Should update, should calc or draw
 	 */
-	patternData: any;
+	shouldUpdate: Nullable<IndicatorShouldUpdateCallback<D>>;
 	/**
 	 * Indicator calculation
 	 */
@@ -1115,35 +1107,40 @@ export interface Indicator<D = any> {
 	/**
 	 * Create custom tooltip text
 	 */
-	createTooltipDataSource: Nullable<IndicatorCreateTooltipDataSourceCallback>;
+	createTooltipDataSource: Nullable<IndicatorCreateTooltipDataSourceCallback<D>>;
 	/**
 	 * Custom draw
 	 */
 	draw: Nullable<IndicatorDrawCallback<D>>;
+	/**
+	 * Data state change
+	 */
+	onDataStateChange: Nullable<IndicatorOnDataStateChangeCallback<D>>;
 	/**
 	 * Calculation result
 	 */
 	result: D[];
 }
-export type IndicatorTemplate<D = any> = ExcludePickPartial<Omit<Indicator<D>, "result">, "name" | "calc">;
-export type IndicatorCreate<D = any> = ExcludePickPartial<Omit<Indicator<D>, "result">, "name">;
+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;
+}
 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;
 declare function getLinearSlopeIntercept(coordinate1: Coordinate, coordinate2: Coordinate): Nullable<number[]>;
-declare function drawLine(ctx: CanvasRenderingContext2D, attrs: LineAttrs | LineAttrs[], styles: Partial<SmoothLineStyle>): void;
-declare function drawLineBetweenTwoPoints(ctx: CanvasRenderingContext2D, c1: Coordinate, c2: Coordinate, styles: Partial<SmoothLineStyle>): void;
 export interface LineAttrs {
 	coordinates: Coordinate[];
 }
 declare function checkCoordinateOnPolygon(coordinate: Coordinate, attrs: PolygonAttrs | PolygonAttrs[]): boolean;
-declare function drawPolygon(ctx: CanvasRenderingContext2D, attrs: PolygonAttrs | PolygonAttrs[], styles: Partial<PolygonStyle>): void;
 export interface PolygonAttrs {
 	coordinates: Coordinate[];
 }
 export declare function getSupportedFigures(): string[];
-export declare function registerFigure<A = any, S = any>(figure: FigureTemplate<A, S>): void;
-export declare function getFigureClass<A = any, S = any>(name: string): Nullable<FigureConstructor<A, S>>;
+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 getSupportedIndicators(): string[];
 export declare function registerLocale(locale: string, ls: Locales): void;
@@ -1152,8 +1149,8 @@ export declare function registerOverlay(template: OverlayTemplate): void;
 export declare function getOverlayClass(name: string): Nullable<OverlayConstructor>;
 export declare function getSupportedOverlays(): string[];
 export declare function registerStyles(name: string, ss: DeepPartial<Styles>): void;
-export declare function registerXAxis(axis: AxisTemplate): void;
-export declare function registerYAxis(axis: AxisTemplate): void;
+export declare function registerXAxis(axis: XAxisTemplate): void;
+export declare function registerYAxis(axis: YAxisTemplate): void;
 /**
  * Chart version
  * @return {string}
@@ -1184,7 +1181,7 @@ export declare const utils: {
 	formatValue: typeof formatValue;
 	formatPrecision: typeof formatPrecision;
 	formatBigNumber: typeof formatBigNumber;
-	formatDate: typeof formatDate;
+	formatDate: typeof formatTimestampToString;
 	formatThousands: typeof formatThousands;
 	formatFoldDecimal: typeof formatFoldDecimal;
 	calcTextWidth: typeof calcTextWidth;
@@ -1197,14 +1194,6 @@ export declare const utils: {
 	checkCoordinateOnPolygon: typeof checkCoordinateOnPolygon;
 	checkCoordinateOnRect: typeof checkCoordinateOnRect;
 	checkCoordinateOnText: typeof checkCoordinateOnText;
-	drawArc: typeof drawArc;
-	drawCircle: typeof drawCircle;
-	drawLine: typeof drawLine;
-	drawLineBetweenTwoPoints: typeof drawLineBetweenTwoPoints;
-	drawPolygon: typeof drawPolygon;
-	drawRect: typeof drawRect;
-	drawText: typeof drawText;
-	drawRectText: typeof drawText;
 };
 
 export as namespace klinecharts;