realchart 1.4.1 → 1.4.3

package/index.d.ts

@@ -534,7 +534,6 @@ interface ChartItemOptions {
     visible?: boolean;
     /**
      * {@link it.SVGStyles 스타일셋} 또는 css {@link https://developer.mozilla.org/ko/docs/Web/CSS/CSS_selectors selector}.
-     *
      */
     style?: SVGStyleOrClass;
 }
@@ -1299,8 +1298,11 @@ declare abstract class RcControl extends RcObject implements IAssetOwner {
     private _invalidateLock;
     private _lockDirty;
     private _cssVars;
+    private _wSave;
+    private _hSave;
     private _resizeObserver;
-    private _domResize;
+    private _resizeTimer;
+    private _resizeDelay;
     loaded: boolean;
     _padding: ISides;
     private _bounds;
@@ -1331,7 +1333,7 @@ declare abstract class RcControl extends RcObject implements IAssetOwner {
     releaseLock(validate?: boolean): void;
     lock(func: (control: RcControl) => void): void;
     silentLock(func: (control: RcControl) => void): void;
-    setDomResize(value: boolean): void;
+    setResizeDelay(value: number): void;
     getBounds(): DOMRect;
     setAnimation(to?: number): void;
     fling(distance: number, duration: number): void;
@@ -1758,6 +1760,15 @@ interface DataPointLabelOptions extends IconedTextOptions {
      * 데이터 포인트별로 추가 적용되는 스타일을 리턴한다.<br/>
      */
     styleCallback?: (args: DataPointCallbackArgs) => SVGStyleOrClass;
+    /**
+     * 데이터 포인트 label의 회전 각도.<br/>
+     * -90 ~ 90 사이의 값으로 지정한다.<br/>
+     * -90 미만의 값을 지정하면 -90, 90을 초과하는 값을 지정하면 90으로 설정된다.<br/>
+     * inverted일 때, rotation 옵션은 무시된다.
+     *
+     * @default 0
+     */
+    rotation?: number;
 }
 /** */
 interface DataPointLabelLineOptions extends ChartItemOptions {
@@ -1997,7 +2008,7 @@ interface SeriesOptions extends ChartItemOptions {
      */
     loadAnimation?: 'default' | 'reveal' | 'grow' | 'spread' | 'fadein';
     /**
-     * 데이터포인트 hover 효과.<br/>
+     * 데이터포인트 위에 마우스 포인터가 올라갈(hovering) 때 표시되는 효과.<br/>
      */
     hoverEffect?: 'none' | 'default';
     /**
@@ -2127,6 +2138,23 @@ interface BasedSeriesOptions extends ClusterableSeriesOptions {
      * 기준값 보다 작은 쪽의 point들에 적용되는 스타일.<br/>
      */
     belowStyle?: SVGStyleOrClass;
+    /**
+     * 깊이가 있는 축에서 깊이 방향(z축)의 데이터포인트 두께.<br/>
+     * 이 값과 {@link distance}을 더한 크기가 body의 {@link https://realchart.co.kr/config/config/body#depth 깊이}를 초과할 수 없다.
+     * 즉, body의 깊이가 없으면 이 속성은 무시된다.<br/>
+     * 이 속성을 설정하지 않으면, group에 포함된 경우 group의 depth를 따르고,
+     * 그 값도 설정되지 않으면 기본값 10 픽셀로 적용된다.
+     */
+    depth?: number;
+    /**
+     * 깊이가 있는 축과 데이터포인트들 사이의 간격.<br/>
+     * 이 값과 {@link depth}를 더한 크기가 body의 {@link https://realchart.co.kr/config/config/body#depth 깊이}를 초과할 수 없다.
+     * 즉, body의 깊이가 없으면 이 속성은 무시된다.<br/>
+     * group에 포함된 경우 group의 distance와 이 설정값을 더해서 적용된다.
+     * 이 속성을 설정하지 않으면 group에 포함된 경우 0, 아니면 5 픽셀로 적용된다.
+     * 또, layout이 overlap인 group에 포함된 경우 순서대로 앞쪽으로 표시된다.
+     */
+    distance?: number;
 }
 /**
  */
@@ -2196,6 +2224,8 @@ interface SeriesGroupOptions<T extends SeriesOptions = SeriesOptions> extends Ch
     /**
      * {@link layout}이 {@link layout 'fill'}일 때 상대적 최대값.
      * <br>
+     * layoutMax는 0보다 큰 값으로 지정해야 한다. <br>
+     * 값이 0이하이거나 지정하지 않으면 100으로 간주된다. <br>
      *
      * @default 100
      */
@@ -2334,6 +2364,24 @@ interface BarSeriesGroupBaseOptions<T extends BarSeriesBaseOptions> extends Clus
      * @default undefined
      */
     baseValue?: number;
+    /**
+     * 깊이가 있는 축에서 깊이 방향(z축)의 데이터포인트 두께.<br/>
+     * 이 값과 {@link distance}을 더한 크기가 body의 {@link https://realchart.co.kr/config/config/body#depth 깊이}를 초과할 수 없다.
+     * 즉, body의 깊이가 없으면 이 속성은 무시된다.<br/>
+     * 이 속성이 설정되지 않으면 그룹에 속한 개별 시리즈들의 설정을 따른다.
+     *
+     * @defaul 10
+     */
+    depth?: number;
+    /**
+     * 깊이가 있는 축과 데이터포인트들 사이의 간격.<br/>
+     * 이 값과 {@link depth}를 더한 크기가 body의 {@link https://realchart.co.kr/config/config/body#depth 깊이}를 초과할 수 없다.
+     * 즉, body의 깊이가 없으면 이 속성은 무시된다.<br/>
+     * 이 속성과 개별 시리즈들의 속성값이 더해져 시리즈들의 distance가 결정된다.
+     *
+     * @default 5
+     */
+    distance?: number;
 }
 /**
  * {@link https://realchart.co.kr/config/config/series/dumbbell dumbbell} 시리즈 등 데이터포인트 뷰에 표시되는 마커 옵션.<br/>
@@ -2731,6 +2779,7 @@ interface BarSeriesOptions extends BarSeriesBaseOptions {
      * 최대값이 bar 폭으로 절반으로 제한되므로 아주 큰 값을 지정하면 반원으로 표시된다.
      */
     bottomRadius?: number;
+    shape?: 'default' | 'cylinder';
 }
 declare const BarSeriesGroupType = "bargroup";
 /**
@@ -3869,7 +3918,7 @@ interface RadialSeriesOptions extends WidgetSeriesOptions {
      * 시리즈 원호 전체 각도.<br/>
      * 0 ~ 360 사이의 값으로 지정해야 한다.
      * 범위를 벗어난 값은 범위 안으로 조정된다.
-     * 지정하지 않거나 잘못된 값이면 360으로 계산된다.
+     * 지정하지 않거나 0보다 큰 값이 아니면 360으로 적용된다.
      *
      * @default 360
      */
@@ -3927,6 +3976,26 @@ interface PieSeriesLabelOptions extends WidgetSeriesLabelOptions {
      */
     rotationMode?: PointLabelRotationMode;
 }
+interface PieSeriesDepthOption extends ChartItemOptions {
+    /**
+     * @default false
+     */
+    visible?: boolean;
+    /**
+     * 깊이의 길이, 즉 원호들의 두께를 지정한다.<br/>
+     * 0 이하로 지정하면 무시된다.
+     *
+     * @default 25
+     */
+    length?: number;
+    /**
+     * {@link depth}가 지정된 경우 시리즈 타원의 비율.<br/>
+     * 0.3 ~ 0.8 사이의 값으로 조정된다.
+     *
+     * @default 0.6
+     */
+    ratio?: number;
+}
 declare const PieSeriesType = "pie";
 /**
  * Pie 시리즈<br/>
@@ -3997,6 +4066,13 @@ interface PieSeriesOptions extends RadialSeriesOptions {
      * 기본 클래스 selector는 <b>'rct-pie-series-inner'</b>이다.
      */
     innerText?: PieSeriesTextOptions;
+    /**
+     * 깊이 설정 옵션.<br/>
+     * 0보다 큰 숫자로 지정하면 {@link https://realchart.co.kr/docs/api/options/AxisDepthOptions/visible visible}을 true로 설정하고,
+     * {@link https://realchart.co.kr/docs/api/options/PieSeriesDepthOptions/length length}를 지정하는 것과 동일하다.<br/>
+     * [주의] 이 값이 지정되면 {@link https://realchart.co.kr/docs/api/options/AxisTickOptions/length length} 설정은 무시된다.<br/>
+     */
+    depth?: PieSeriesDepthOption | number | boolean;
 }
 declare const ScatterSeriesType = "scatter";
 /**
@@ -4922,11 +4998,12 @@ interface ChartOptionsOptions extends ChartItemOptions {
      */
     pointHovering?: PointHoveringOptions;
     /**
-     * div의 크기가 변경될 때, 차트를 해당 크기에 맞게 조정할지 여부
+     * 차트 div 크기가 변경됐을 때 지정한 시간(밀리초) 이후에 다시 그린다.<br>
+     * 0 이하면 대기 없이 바로 다시 그리기를 요청한다.<br>
      *
-     * @default false
+     * @default 50 밀리초
      */
-    domResize?: boolean;
+    resizeDelay?: number;
 }
 /**
  */
@@ -5037,6 +5114,62 @@ interface ZoomCallbackArgs {
      */
     to: number;
 }
+/**
+ * {@link BodyDepth.depth depth}가 지정된 body 영역의 양 축 방향에 표시되는
+ * {@link https://realchart.co.kr/config/config/body/xSide side}s panel의 경계선 설정 옵션.<br/>
+ */
+interface BodyDepthLineOptions extends ChartItemOptions {
+    /**
+     * @default false
+     */
+    visible?: boolean;
+}
+/**
+ * {@link BodyDepth.depth depth}가 지정된 body 영역의 양 축 방향에 표시되는 side panel 설정 옵션.<br/>
+ */
+interface BodyDepthSideOptions extends ChartItemOptions {
+    /**
+     * depth side 바깥 경계선 설정 옵션.<br/>
+     */
+    line?: BodyDepthLineOptions | boolean;
+    /**
+     * depth side 양 끝에서 body 쪽으로 연결하는 선 설정 옵션.<br/>
+     */
+    endLine?: BodyDepthLineOptions | boolean;
+    /**
+     * depth side에 표시되는 axis grid 선 설정 옵션.<br/>
+     */
+    gridLine?: BodyDepthLineOptions | boolean;
+}
+/**
+ * body 깊이 설정 옵션.<br/>
+ * x 축이고 첫번째 연결된 시리즈가 depth가 설정된 { 'bar'} 시리즈를 표시할 때, 축 깊이를 설정한다.<br/>
+ * 차트나 분할 pane에 연결된 첫번째 x축일 때만 의미가 있다.
+ */
+interface BodyDepthOptions extends ChartItemOptions {
+    /**
+     * @default false
+     */
+    visible?: boolean;
+    /**
+     * 픽셀 단위의 body 깊이.<br/>
+     *
+     * @default 24
+     */
+    length?: number;
+    /**
+     * 30 ~ 60도 사이로 지정할 수 있다.</br>
+     *
+     * @default 32
+     */
+    angle?: number;
+    xSide?: BodyDepthSideOptions;
+    ySide?: BodyDepthSideOptions;
+    /**
+     * 원점에서 depth side 끝까지 연결하는 선 설정 옵션.<br/>
+     */
+    orgLine?: BodyDepthLineOptions | string | boolean;
+}
 /**
  * {@link https://realchart.co.kr/config/config/base/series 시리즈}나 {@link https://realchart.co.kr/config/config/base/gauge 게이지}들이 그려지는 영역 설정 옵션.<br/>
  * 전체 차트에서 {@link https://realchart.co.kr/config/config/title 타이틀}, {@link https://realchart.co.kr/config/config/legend 범례},
@@ -5109,6 +5242,13 @@ interface BodyOptions extends ChartItemOptions {
      * zoom 될 때 호출되는 이벤트 콜백<br/>
      */
     zoomCallback?: (series: ZoomCallbackArgs) => void;
+    /**
+     * 깊이 설정 옵션.<br/>
+     * 0보다 큰 숫자로 지정하면 {@link https://realchart.co.kr/docs/api/options/AxisDepthOptions/visible visible}을 true로 설정하고,
+     * {@link https://realchart.co.kr/docs/api/options/BodyDepthOptions/length length}를 지정하는 것과 동일하다.<br/>
+     * [주의] 이 값이 지정되면 {@link https://realchart.co.kr/docs/api/options/AxisTickOptions/length length} 설정은 무시된다.<br/>
+     */
+    depth?: BodyDepthOptions | number | boolean;
 }
 /**
  */
@@ -6088,7 +6228,6 @@ declare class ChartItem<OP extends ChartItemOptions = ChartItemOptions> extends
      */
     init(): OP;
     protected _doInit(op: OP): void;
-    protected _doInitChildren(op: OP): void;
     /**
      * @private
      */
@@ -6174,13 +6313,16 @@ declare class ChartItem<OP extends ChartItemOptions = ChartItemOptions> extends
      * @param render true로 지정하면 설정 후 차트를 다시 그린다.
      * @returns 객체 자신.
      */
+    private $_updateChildren;
+    private $_mergeOptions;
     updateOptions(source?: OP, render?: boolean): this;
     /**
      * 하나의 속성 값을 설정한다.<br/>
      * 여러 속성들을 한꺼번에 변경할 때는 {@link updateOptions}를 사용한다.
      * 기본적으로 이전 값과 다른 경우에만 적용된다.
      * 특히, 속성값이 객체인 경우 객체 속성만 바뀐 경우 적용되지 않는다.
-     * 바꾸고 싶다면 force 매개변수를 true로 지정해서 호출한다.
+     * 바꾸고 싶다면 force 매개변수를 true로 지정해서 호출한다.<br/>
+     * 또, prop 매개변수가 하위 모델 이름인 경우 하위 모델의 {@link updateOptions}를 호출한 것과 동일하다.
      *
      * @param render true로 지정하면 설정 후 차트를 다시 그린다.
      * @param force 지정한 값이 이전 값과 동일한 경우에도 적용한다.
@@ -6218,6 +6360,25 @@ declare class ChartItem<OP extends ChartItemOptions = ChartItemOptions> extends
      * @returns 객체 자신.
      */
     clearOptions(render?: boolean): this;
+    /**
+     * 모델 css style 값을 변경한다.<br/>
+     * value에 undefined나 null, ''을 지정하면 기존에 설정됐던 스타일 항목이 제거된다.<br/>
+     *
+     * @param prop css 스타일 항목 이름.
+     * @param value 적용할 스타일 값.
+     * @param render true로 지정하면 옵션 변경 시 맵차트를 다시 그린다. 기본값 true
+     * @returns
+     */
+    setStyle(prop: string, value: any, render?: boolean): this;
+    /**
+     * 여러 항목의 모델 css style 값들을 json 객체로 지정해서 동시에 변경한다.<br/>
+     * value에 undefined나 null, ''을 지정하면 기존에 설정됐던 스타일 항목이 제거된다.<br/>
+     *
+     * @param props 스타일 항목들과 값들이 설정된 json 객체
+     * @param clear true로 지정하면 기존 스타일 값을 모두 제거한다. 기본값 false
+     * @param render true로 지정하면 옵션 변경 시 맵차트를 다시 그린다. 기본값 true
+     */
+    setStyles(props: object, clear?: boolean, render?: boolean): this;
     /** @private */
     _prepareRender(): void;
     /** @private */
@@ -6241,8 +6402,6 @@ declare class ChartItem<OP extends ChartItemOptions = ChartItemOptions> extends
     /** @private */
     protected _doApply(op: OP): void;
     /** @private */
-    protected _doUpdate(source: any): void;
-    /** @private */
     protected _doPrepareRender(chart: IChart): void;
 }
 declare abstract class ChartItemCollection<T extends ChartItem> {
@@ -6530,6 +6689,9 @@ declare class CategoryAxis extends Axis<CategoryAxisOptions> {
     private $_collectCategories;
 }
 
+declare class DataPointLabelLine extends ChartItem<DataPointLabelLineOptions> {
+    static defaults: DataPointLabelLineOptions;
+}
 /**
  * {@link Series 시리즈}의 {@link Series.pointLabel 데이터포인트 라벨} 표시에 대한 모델.<br/>
  * 옵션 설정 모델은 {@link DataPointLabelOptions}이다.
@@ -6540,13 +6702,14 @@ declare class DataPointLabel<OP extends DataPointLabelOptions = DataPointLabelOp
     private _point;
     _domain: IRichTextDomain;
     _overflowFit: number;
-    _vertAdujst: number;
+    _vertAdjust: number;
     protected _doInit(op: OP): void;
     getValue(p: DataPoint, index: number): any;
     getTextDomain(p: DataPoint): IRichTextDomain;
     getText(value: any): string;
     getOffset(): number;
     getDefaultIconPos(): IconPosition;
+    getRotation(): number;
     protected _isVisible(): boolean;
     protected _doSetSimple(src: any): boolean;
     protected _doApply(op: OP): void;
@@ -6668,6 +6831,7 @@ interface ISeries extends IPlottingItem {
     options: SeriesOptions;
     chart: IChart;
     _group: ISeriesGroup;
+    canDepth(): boolean;
     _xFielder: (src: any) => any;
     _yFielder: (src: any) => any;
     _zFielder: (src: any) => any;
@@ -6753,7 +6917,6 @@ declare abstract class Series<OP extends SeriesOptions = SeriesOptions> extends
     _yMin: number;
     _yMax: number;
     protected _doInit(op: OP): void;
-    protected _doInitChildren(op: OP): void;
     onDataValueChanged(data: DataObject, row: number, field: string, value: any, oldValue: any): void;
     onDataRowUpdated(data: DataObject, row: number, oldValues: any): void;
     onDataRowAdded(data: DataObject, row: number): void;
@@ -6864,6 +7027,7 @@ declare abstract class Series<OP extends SeriesOptions = SeriesOptions> extends
     seriesChanged(): boolean;
     getMinPointWidth(): number;
     isRace(): boolean;
+    canDepth(): boolean;
     getVisibleSeries(): ISeries[];
     protected _getNoClip(polar: boolean): boolean;
     needClip(polar: boolean): boolean;
@@ -7050,6 +7214,7 @@ declare class PlottingItemCollection extends ChartItemCollection<PlottingItem> {
     _internalSeries(): Series<SeriesOptions>[];
     seriesCount(): number;
     needAxes(): boolean;
+    canDepth(): boolean;
     /** @private */
     _clear(): void;
     get(index: number): Series | SeriesGroup;
@@ -7075,7 +7240,7 @@ declare class PlottingItemCollection extends ChartItemCollection<PlottingItem> {
  */
 declare abstract class ConnectableSeries<OP extends ConnectableSeriesOptions = ConnectableSeriesOptions> extends Series<OP> {
     static defaults: ConnectableSeriesOptions;
-    protected _doInitChildren(op: OP): void;
+    protected _doInit(op: OP): void;
     /**
      * 추세선 설정 모델.<br/>
      */
@@ -7115,7 +7280,7 @@ declare abstract class WidgetSeriesLabel<OP extends WidgetSeriesLabelOptions = W
     private _distance;
     protected _distanceDim: IPercentSize;
     constructor(chart: IChart, isSub?: boolean);
-    protected _doInitChildren(op: OP): void;
+    protected _doInit(op: OP): void;
     /**
      * 연결선 모델.<br/>
      */
@@ -7142,7 +7307,7 @@ declare abstract class WidgetSeries<OP extends WidgetSeriesOptions = WidgetSerie
     private _centerYDim;
     private _othersGroup;
     private _groupedPoints;
-    protected _doInitChildren(op: OP): void;
+    protected _doInit(op: OP): void;
     get othersGroup(): OthersGroup;
     getCenter(plotWidth: number, plotHeight: number): Point;
     protected _getLabelDefaultPos(labels: WidgetSeriesLabel, pos: PointLabelPosition): PointLabelPosition;
@@ -7187,13 +7352,32 @@ declare abstract class ClusterableSeries<OP extends ClusterableSeriesOptions = C
     setCluster(width: number, pos: number): void;
     protected _doPrepareRender(): void;
 }
+/**
+ * {@link BasedSeries} 데이터포인트 설정 모델.<br/>
+ */
+declare class BasedSeriesLabel<OP extends BasedSeriesLabelOptions = BasedSeriesLabelOptions> extends DataPointLabel<OP> {
+    static defaults: BasedSeriesLabelOptions;
+    private _line;
+    /**
+     * 연결선 설정 모델.<br/>
+     */
+    get line(): DataPointLabelLine;
+    protected _doInit(op: OP): void;
+}
 /**
  * 'bar'와 같이 y축 기준 위/아래 구분이 필요한 시리즈.<br/>
  * 구분하는 값은 {@link baseValue}로 지정한다.
  */
 declare abstract class BasedSeries<OP extends BasedSeriesOptions = BasedSeriesOptions> extends ClusterableSeries<OP> {
+    static readonly DEPTH = 10;
+    static readonly DISTANCE = 5;
     static defaults: BasedSeriesOptions;
     private _base;
+    private _depth;
+    private _distance;
+    _groupDistance: number;
+    get depth(): number;
+    get distance(): number;
     protected _createLabel(chart: IChart): DataPointLabel;
     protected _doPrepareRender(): void;
     getBaseValue(axis: IAxis): number;
@@ -7214,6 +7398,7 @@ declare abstract class LowRangedSeries<OP extends LowRangedSeriesOptions = LowRa
  * 같은 {@link opt.SeriesOptions#type type}의 여러 시리즈들을 연관지어 표시한다.
  */
 declare abstract class SeriesGroup<T extends Series = Series, OP extends SeriesGroupOptions = SeriesGroupOptions> extends ChartItem<OP> implements ISeriesGroup, ITooltipContext {
+    static readonly LAYOUT_MAX: number;
     static readonly type: string;
     static readonly seriesType: string;
     static register(...clses: typeof SeriesGroup<Series, SeriesGroupOptions>[]): void;
@@ -7257,6 +7442,8 @@ declare abstract class SeriesGroup<T extends Series = Series, OP extends SeriesG
     getBaseValue(axis: IAxis): number;
     getVisibleSeries(): ISeries[];
     isRace(): boolean;
+    getDepth(): number;
+    getDistance(): number;
     get index(): number;
     get visCount(): number;
     _type(): string;
@@ -7276,6 +7463,7 @@ declare abstract class SeriesGroup<T extends Series = Series, OP extends SeriesG
     seriesChanged(): boolean;
     remove(series: T): boolean;
     _getVisiblePoints(): DataPoint[];
+    getLayoutMax(): number;
     protected _doApply(op: OP): void;
     protected _doSaveArray(prop: string, value: any[]): any[];
     _prepareRender(): void;
@@ -7691,7 +7879,7 @@ declare class AxisGridRows extends AxisItem<AxisGridRowsOptions> {
 declare abstract class AxisGrid<OP extends AxisGridOptions = AxisGridOptions> extends AxisItem<OP> {
     static defaults: AxisGridOptions;
     private _rows;
-    protected _doInitChildren(op: OP): void;
+    protected _doInit(op: OP): void;
     get rows(): AxisGridRows;
     abstract getPoints(axis: Axis, length: number): number[];
     protected _isVisible(): boolean;
@@ -7712,7 +7900,7 @@ declare class AxisGuideLabel extends IconedText<AxisGuideLabelOptions> {
 declare abstract class AxisGuide<OP extends AxisGuideOptions = AxisGuideOptions> extends AxisItem<OP> {
     static defaults: AxisGuideOptions;
     private _label;
-    protected _doInitChildren(op: OP): void;
+    protected _doInit(op: OP): void;
     /**
      * label 모델.
      */
@@ -7934,7 +8122,7 @@ declare abstract class Axis<OP extends AxisOptions = AxisOptions> extends ChartI
     readonly guides: AxisGuide[];
     _animating(): boolean;
     constructor(chart: IChart, isX: boolean);
-    protected _doInitChildren(op: OP): void;
+    protected _doInit(op: OP): void;
     _type(): string;
     /**
      * 축 이름.<br/>
@@ -8339,7 +8527,7 @@ interface ContinuousAxisTickOptions extends AxisTickOptions {
      * [plot크기, pixels] 목록으로 지정한다. 단일 값으로 지정하면 [[Infiniy, pixels]]으로 설정된다.
      * plot 영역의 크기가 첫번째 값 이하면 두번째로 지정한 값만큼의 pixels로 계산한다.<br/>
      * 지정하지 않거나 잘못 지정하면 아래 목록으로 기본 적용된다.<br/>
-     * 수직축:  `[[130, 36], [200, 48], [450, 72], [Infinity, 96]]`<br/>
+     * 수직축:  `[[130, 36], [300, 48], [450, 72], [Infinity, 96]]`<br/>
      * 수평축:  `[[400, 48], [700, 72], [Infinity, 96]]`<br/>
      * polar: `48`<br/>
      */
@@ -8351,20 +8539,34 @@ interface ContinuousAxisTickOptions extends AxisTickOptions {
      * @default true
      */
     enableDecimals?: boolean;
+    /**
+     * true로 지정하면 {@link stepPixels}가 적용 중일 때,
+     * 좀 더 세밀한 [1, 2, 2.5, 3, 4, 5, 10] 배수 목록이 사용된다.<br/>
+     */
+    fineStep?: boolean;
     /**
      * {@link stepPixels}가 적용 중일 때,
      * step 간격을 계사하는데 사용되는 단위 배수 목록.<br/>
      * 최소/최대값을 기준으로 동적으로 목록을 리턴하는 콜백을 지정할 수도 있다.<br/>
      * 지정하지 않으면 {@link enableDecimals} 설정에 따라,
-     * `[1, 2, 5, 10]` 또는 `[1, 2, 2.5, 5, 10]`이 사용된다.<br/>
+     * `[1, 2, 5, 10]` 또는 `[1, 2, 2.5, 5, 10]`이 사용된다.
+     * 또, {@link fineStep}이 true로 지정되면 좀 더 세밀한
+     * [1, 2, 2.5, 3, 4, 5, 10] 배수 목록이 사용된다.<br/>
      * 숫자가 아니거나 1 이상이 아닌 것들은 제외된다.
      */
-    stepMultiples?: number[];
+    stepMultiples?: number[] | ((args: StepCallbackArgs) => number[]);
     /**
      * 최대한 지정된 개수만큼 tick들이 생성되도록 한다.<br/>
      * 1보다 큰 값으로 지정해야 한다.
      */
     stepCount?: number;
+    /**
+     * {@link stepPixels}가 적용 중일 때,
+     * 최대 표시 step 개수.<br/>
+     *
+     * @default 8
+     */
+    maxCount?: number;
     /**
      * 명시적으로 설정하는 setp 목록<br/>
      * 최소/최대값을 기준으로 동적으로 목록을 리턴하는 콜백을 지정할 수도 있다.<br/>
@@ -8821,6 +9023,13 @@ interface AxisGridOptions extends AxisItemOptions {
      * @default x축이면 false, y축이면 true.
      */
     lastVisible?: boolean;
+    /**
+     * {@link https://realchart.co.kr/config/config/body#depth depth}가 설정된 body의 side panel에 표시할 지 여부.<br/>
+     * 별도로 지정하지 않으면 {@link visible} 설정을 따른다.
+     *
+     * @default undefined
+     */
+    depthVisible?: boolean;
 }
 /**
  * 축 상에 crosshair의 정보를 표시하는 view 설정 모델.
@@ -9129,19 +9338,19 @@ interface AxisOptions extends ChartItemOptions {
      */
     scrollBar?: AxisScrollBarOptions | boolean;
     /**
-     * 분할 모드일 때 축이 표시될 pane의 수직 위치.
+     * 분할 모드일 때 축이 표시될 pane의 수직 위치.<br/>
      *
      * @default 0
      */
     row?: number;
     /**
-     * 분할 모드일 때 축이 표시될 pane의 수평 위치.
+     * 분할 모드일 때 축이 표시될 pane의 수평 위치.<br/>
      *
      * @default 0
      */
     col?: number;
     /**
-     * Polar 차트에서 사용될 때 시작 각도.
+     * Polar 차트에서 사용될 때 시작 각도.<br/>
      *
      * @default 0
      */
@@ -9163,35 +9372,35 @@ interface AxisOptions extends ChartItemOptions {
      */
     position?: AxisPosition;
     /**
-     * true면 반대 방향으로 point 위치들이 지정된다.
+     * true면 반대 방향으로 point 위치들이 지정된다.<br/>
      *
      * @default false
      */
     reversed?: boolean;
     /**
-     * 명시적으로 지정하는 최소값.
+     * 명시적으로 지정하는 최소값.<br/>
      *
      */
     minValue?: number;
     /**
-     * 명시적으로 지정하는 최대값.
+     * 명시적으로 지정하는 최대값.<br/>
      *
      */
     maxValue?: number;
     /**
-     * plot 영역이나 먼저 표시되는 축 사이의 여백 크기.
+     * plot 영역이나 먼저 표시되는 축 사이의 여백 크기.<br/>
      *
      * @default 0
      */
     marginNear?: number;
     /**
-     * 차트 경계나 뒤쪽 축 사이의 여백 크기.
+     * 차트 경계나 뒤쪽 축 사이의 여백 크기.<br/>
      *
      * @default 0
      */
     marginFar?: number;
     /**
-     * label 등에 표시할 수 있는 단위 정보 문자열.
+     * label 등에 표시할 수 있는 단위 정보 문자열.<br/>
      *
      */
     unit?: string;
@@ -9211,14 +9420,14 @@ interface AxisOptions extends ChartItemOptions {
     tooltipHeader?: string;
     /**
      * @private
-     * 축에 포함된 각 시리즈별 표시되는 포인트 툴팁 텍스트 템플릿.
+     * 축에 포함된 각 시리즈별 표시되는 포인트 툴팁 텍스트 템플릿.<br/>
      *
      * @default '${series}:<b> ${yValue}</b>'
      */
     tooltipRow?: string;
     /**
      * @private
-     * 축에 포함된 시리즈들 툴팁의 아래쪽에 표시되는 텍스트 템플릿.
+     * 축에 포함된 시리즈들 툴팁의 아래쪽에 표시되는 텍스트 템플릿.<br/>
      *
      */
     tooltipFooter?: string;
@@ -9227,7 +9436,7 @@ interface AxisOptions extends ChartItemOptions {
      */
     animatable?: boolean;
     /**
-     * true로 지정하면 새로 계산된 너비나 높이가 이전 계산된 크기보다 작으면 이전 크기를 유지한다.
+     * true로 지정하면 새로 계산된 너비나 높이가 이전 계산된 크기보다 작으면 이전 크기를 유지한다.<br/>
      *
      * @default false
      */
@@ -11187,7 +11396,7 @@ declare abstract class GaugeScale<OP extends GaugeScaleOptions = GaugeScaleOptio
     _min: number;
     _max: number;
     constructor(gauge: ValueGauge | GaugeGroup);
-    protected _doInitChildren(op: OP): void;
+    protected _doInit(op: OP): void;
     /**
      * 
      */
@@ -11240,7 +11449,7 @@ declare class GaugeRangeBand extends ChartItem<GaugeRangeBandOptions> {
     private _runRanges;
     private _thicknessDim;
     constructor(gauge: ValueGauge | GaugeGroup);
-    protected _doInitChildren(op: {
+    protected _doInit(op: {
         [child: string]: ChartItemOptions;
     }): void;
     /**
@@ -11344,7 +11553,6 @@ declare abstract class CircularGauge<OP extends CircularGaugeOptions = CircularG
     _props: CircularProps;
     _childProps: CircularProps;
     protected _doInit(op: OP): void;
-    protected _doInitChildren(op: OP): void;
     /**
      * label.
      */
@@ -11365,7 +11573,6 @@ declare abstract class CircularGaugeGroup<T extends CircularGauge = CircularGaug
     private _label;
     props: CircularProps;
     protected _doInit(op: OP): void;
-    protected _doInitChildren(op: OP): void;
     /**
      * 게이지 중앙에 표시되는 label 설정 모델
      *
@@ -11395,6 +11602,56 @@ interface IPolar {
     cy: number;
     rd: number;
 }
+declare class BodyDepthLine extends ChartItem<BodyDepthLineOptions> {
+    static defaults: BodyDepthLineOptions;
+}
+declare class BodyDepthSide extends ChartItem<BodyDepthSideOptions> {
+    static defaults: BodyDepthOptions;
+    private _line;
+    private _endLine;
+    private _gridLine;
+    protected _doInit(op: BodyDepthSideOptions): void;
+    get line(): BodyDepthLine;
+    get endLine(): BodyDepthLine;
+    get gridLine(): BodyDepthLine;
+}
+/**
+ * body 깊이 설정 모델.<br/>
+ */
+declare class BodyDepth extends ChartItem<BodyDepthOptions> {
+    static defaults: BodyDepthOptions;
+    private _xSide;
+    private _ySide;
+    private _orgLine;
+    protected _doInit(op: BodyDepthOptions): void;
+    /**
+     * x축 쪽 depth side 모델.<br/>
+     */
+    get xSide(): BodyDepthSide;
+    /**
+     * y축 쪽 depth side 모델.<br/>
+     */
+    get ySide(): BodyDepthSide;
+    /**
+     * 원점에서 depth side 끝까지 연결하는 선 모델.<br/>
+     */
+    get orgLine(): BodyDepthLine;
+    protected _isVisible(): boolean;
+    protected _doSetSimple(src: any): boolean;
+    protected _doApply(op: BodyDepthOptions): void;
+}
+/**
+ * @private
+ * body 깊이 관련 크기 정보 집합.<br/>
+ */
+interface IBodyDepthExtents {
+    depth: number;
+    angle: number;
+    side: number;
+    base: number;
+    wBody: number;
+    hBody: number;
+}
 /**
  * 시리즈 및 게이지들이 표시되는 영역 모델.<br/>
  * {@link options 옵션} 모델은 {@link https://realchart.co.kr/docs/api/options/BodyOptions BodyOptions}이고,
@@ -11415,6 +11672,7 @@ interface IPolar {
 declare class Body<OP extends BodyOptions = BodyOptions> extends ChartItem<OP> implements IAnnotationOwner {
     static defaults: BodyOptions;
     private _anns;
+    private _depth;
     private _image;
     private _zoomButton;
     private _emptyView;
@@ -11426,12 +11684,17 @@ declare class Body<OP extends BodyOptions = BodyOptions> extends ChartItem<OP> i
     private _cx;
     private _cy;
     constructor(chart: IChart);
-    protected _doInitChildren(op: OP): void;
+    protected _doInit(op: OP): void;
     anchorByName(name: string): ChartItem;
+    /**
+     * 깊이 모델.<br/>
+     */
+    get depth(): BodyDepth;
     get image(): BackgroundImage;
     get emptyView(): EmptyView;
     get zoomButton(): ZoomButton;
     canZoom(): boolean;
+    _getDepth(w: number, h: number): IBodyDepthExtents;
     getRadius(width: number, height: number): number;
     setPolar(width: number, height: number): Body;
     getPolar(axis: Axis): IPolar;
@@ -11479,7 +11742,7 @@ declare class SeriesNavigator extends ChartItem<SeriesNavigatorOptions> {
     _vertical: boolean;
     private _chartConfig;
     private _axisType;
-    protected _doInitChildren(op: {
+    protected _doInit(op: {
         [child: string]: ChartItemOptions;
     }): void;
     /**
@@ -11652,7 +11915,7 @@ declare class PointHovering extends ChartItem<PointHoveringOptions> {
 declare class ChartOptions extends ChartItem<ChartOptionsOptions> {
     private _pointHovering;
     static defaults: ChartOptionsOptions;
-    protected _doInitChildren(op: {
+    protected _doInit(op: {
         [child: string]: ChartItemOptions;
     }): void;
     /**
@@ -11725,7 +11988,14 @@ declare class ChartObject extends EventProvider<IChartEventListener> implements
      * @deprecated
      */
     get options(): ChartConfiguration;
+    /**
+     *
+     */
     get chartOptions(): ChartOptions;
+    /**
+     * 크레딧 모델.
+     */
+    get credits(): Credits;
     _createChart(config: any): IChart;
     animatable(): boolean;
     loadAnimatable(): boolean;
@@ -12558,6 +12828,7 @@ declare class ContinuousAxisTick<OP extends ContinuousAxisTickOptions = Continuo
     protected _getValidInterval(axis: ContinuousAxis, v: any, length: number, min: number, max: number): any;
     buildSteps(axis: ContinuousAxis, length: number, base: number, min: number, max: number, broken?: boolean): number[];
     getNextStep(step: number, delta: number): number;
+    getMaxCount(): number;
     canUseNumSymbols(): boolean;
     protected _doApply(op: OP): void;
     private $_getStepPixels;
@@ -12565,10 +12836,10 @@ declare class ContinuousAxisTick<OP extends ContinuousAxisTickOptions = Continuo
     protected _normalizeMin(min: number, interval: number): number;
     protected _getStepsByCount(count: number, baseVal: number, min: number, max: number, based: boolean): number[];
     protected _getStepsByInterval(interval: any, base: number, min: number, max: number): number[];
-    protected _getStepMultiples(scale: number): number[];
+    protected _getStepMultiples(scale: number, args: any): number[];
     protected _getStepsBySteps(min: number, max: number, args: any): number[];
     protected _calcStep: any;
-    protected _getStepsByPixels(length: number, pixels: number, base: number, min: number, max: number): number[];
+    protected _getStepsByPixels(length: number, pixels: number, base: number, min: number, max: number, args: any): number[];
 }
 /**
  * 연속축의 label 모델.<br/>
@@ -12651,7 +12922,7 @@ declare abstract class ContinuousAxis<OP extends ContinuousAxisOptions = Continu
     _breaksChanged: boolean;
     private _sects;
     private _lastSect;
-    protected _doInitChildren(op: OP): void;
+    protected _doInit(op: OP): void;
     /**
      * base value 위치에 표시되는 선분 설정 모델.<br/>
      * 기본적으로 표시되지 않는다.
@@ -12827,6 +13098,7 @@ declare class ElementPool<T extends RcElement> extends RcObject {
     forEach(visitor: (v: T, i?: number, count?: number) => void): void;
     visit(visitor: (v: T, i: number, count: number) => boolean): boolean;
     sort(compare: (v1: T, v2: T) => number): ElementPool<T>;
+    sortDom(compare: (v1: T, v2: T) => number): ElementPool<T>;
     map(callback: (v: T) => any): any[];
     front(v: T): void;
     back(v: T): void;
@@ -12958,6 +13230,19 @@ type LabelLayoutInfo = {
     textAlign: Align;
     below?: boolean;
     pb?: PathBuilder;
+    distX?: number;
+    distY?: number;
+    side?: number;
+    base?: number;
+};
+type ILabelOverlap = {
+    model: DataPointLabel;
+    inverted: boolean;
+    width: number;
+    height: number;
+    fit: number;
+    outline: number;
+    contrast: number;
 };
 declare abstract class SeriesView<T extends Series = Series> extends ContentView<T> {
     static readonly POINT_CLASS = "rct-point";
@@ -12970,6 +13255,7 @@ declare abstract class SeriesView<T extends Series = Series> extends ContentView
     protected _pointContainer: PointContainer;
     _labelContainer: PointLabelContainer;
     private _trendLineView;
+    protected _depthExt: IBodyDepthExtents;
     protected _legendMarker: RcElement;
     protected _visPoints: DataPoint[];
     private _growRate;
@@ -12980,6 +13266,7 @@ declare abstract class SeriesView<T extends Series = Series> extends ContentView
     _hoverPts: IPointView[];
     private _labelOverlap;
     constructor(doc: Document, styleName: string);
+    depthEnabled(): boolean;
     clipInvertable(): boolean;
     getClipContainer(): RcElement;
     getClipContainer2(): RcElement;
@@ -12999,7 +13286,8 @@ declare abstract class SeriesView<T extends Series = Series> extends ContentView
     clicked(elt: Element): void;
     protected _doPointClicked(view: IPointView): void;
     protected _getPointColors(): string;
-    prepareSeries(doc: Document, model: T, polar: boolean): void;
+    _setDepth(depth: IBodyDepthExtents): void;
+    prepareSeries(doc: Document, model: T, polar: boolean, depth: BodyDepth): void;
     protected _setModelColor(color: string): void;
     protected _legendColorProp(): string;
     needDecoreateLegend(): boolean;
@@ -13008,6 +13296,7 @@ declare abstract class SeriesView<T extends Series = Series> extends ContentView
     setHoverStyle(pv: RcElement): void;
     hoverPoint(p: DataPoint): void;
     protected _clearHoverClasses(pv: RcElement): void;
+    focusPointView(pv: RcElement, focus: boolean): void;
     focusPoints(pvs: IPointView[]): void;
     protected _needFocusOrder(): boolean;
     getPointsAt(axis: Axis, pos: number): IPointView[];
@@ -13021,7 +13310,7 @@ declare abstract class SeriesView<T extends Series = Series> extends ContentView
     protected _doMeasure(doc: Document, model: T, hintWidth: number, hintHeight: number, phase: number): Size;
     protected _doLayout(): void;
     protected _doAfterLayout(): void;
-    protected abstract _prepareSeries(doc: Document, model: T, polar: boolean): void;
+    protected abstract _prepareSeries(doc: Document, model: T, polar: boolean, depth: BodyDepth): void;
     protected abstract _renderSeries(width: number, height: number): void;
     protected _collectVisPoints(model: T): DataPoint[];
     protected _setColorIndex(v: RcElement, p: DataPoint): void;
@@ -13044,6 +13333,17 @@ declare abstract class SeriesView<T extends Series = Series> extends ContentView
     protected _clipRange(w: number, h: number, rangeAxis: 'x' | 'y' | 'z', range: ValueRange, clip: ClipRectElement, inverted: boolean): void;
     protected _setFill(elt: RcElement, style: SVGStyleOrClass): void;
     protected _savePrevs(): void;
+    /**
+     * [고객문의]pointLabel rotation 속성 #1248
+     *
+     * rotation 각도에 따라 labelView를 회전시킨다.
+     */
+    protected _layoutLabelRotation(labelView: PointLabelView, r?: IRect, x?: number, y?: number): void;
+    protected _adjustRotatedLabelPosition(lv: PointLabelView, info: ILabelOverlap, r: IRect, x: number, y: number): void;
+    /**
+     * 회전한 라벨의 바닥이 원래 위치에서 얼마나 이동했는지를 계산한다.
+     */
+    protected _getRotatedLabelDisplacement(rotation: number, r: IRect): number;
 }
 declare abstract class PointElement extends PathElement implements IPointView {
     point: DataPoint;
@@ -13051,34 +13351,49 @@ declare abstract class PointElement extends PathElement implements IPointView {
     savePrevs(): void;
 }
 declare abstract class BoxPointElement extends PointElement {
-    labelViews: PointLabelView[];
     wPoint: number;
     hPoint: number;
     wSave: number;
     xSave: number;
-    abstract layout(x: number, y: number, rTop: number, rBottom: number): void;
     savePrevs(): void;
 }
 declare class BarElement extends BoxPointElement {
-    layout(x: number, y: number, rTop: number, rBottom: number): void;
+    layout(x: number, y: number, rTop: number, rBottom: number, base: number, side: number, inverted: boolean): void;
+}
+declare class Bar3DElement extends RcElement implements IPointView {
+    point: DataPoint;
+    wPoint: number;
+    hPoint: number;
+    wSave: number;
+    xSave: number;
+    private _topView;
+    private _frontView;
+    private _sideView;
+    constructor(doc: Document);
+    layout(x: number, y: number, rTop: number, rBottom: number, base: number, side: number, inverted: boolean): void;
+    savePrevs(): void;
 }
 declare abstract class ClusterableSeriesView<T extends Series = Series> extends SeriesView<T> {
     protected _labelInfo: LabelLayoutInfo;
-    protected _prepareSeries(doc: Document, model: T): void;
+    protected _prepareSeries(doc: Document, model: T, polar: boolean, depth: BodyDepth): void;
     protected _renderSeries(width: number, height: number): void;
     protected _runShowEffect(firstTime: boolean): void;
     protected _doViewRateChanged(rate: number): void;
     protected _savePrevs(): void;
     getPointsAt(axis: Axis, pos: number): IPointView[];
-    protected abstract _preparePoints(doc: Document, model: T, points: DataPoint[]): void;
+    protected abstract _preparePoints(doc: Document, model: T, points: DataPoint[], deep: boolean): void;
     protected abstract _layoutPoints(width: number, height: number): void;
     protected abstract _layoutPoint(view: RcElement, index: number, x: number, y: number, wPoint: number, hPoint: number): void;
 }
 declare abstract class BasedSeriesView<T extends BasedSeries> extends ClusterableSeriesView<T> {
     private _labelLineContainer;
     protected _pointOff: number;
+    protected _depthAngle: number;
+    protected _base: number;
+    protected _side: number;
     constructor(doc: Document, styleName: string);
-    protected _prepareSeries(doc: Document, model: T): void;
+    depthEnabled(): boolean;
+    protected _prepareSeries(doc: Document, model: T, polar: boolean, depth: BodyDepth): void;
     protected _doPrevRateChanged(rate: number): void;
     protected _layoutPoints(width: number, height: number): void;
     protected _layoutLabel(model: DataPointLabel, info: LabelLayoutInfo, w: number, h: number): void;
@@ -13107,6 +13422,7 @@ declare abstract class MarkerSeriesView<T extends MarkerSeries, P extends DataPo
     protected _getPointPool(): ElementPool<RcElement>;
     clipInvertable(): boolean;
     getPointsAt(axis: Axis, pos: number): IPointView[];
+    protected _adjustRotatedLabelPosition(lv: PointLabelView, info: ILabelOverlap, r: IRect, x: number, y: number): void;
     protected abstract _getDefaultPos(overflowed: boolean): PointLabelPosition;
     _getDrawer(shape: string): (rd: number) => (string | number)[];
     protected _layoutLabelView(labelView: PointLabelView, pos: PointLabelPosition, off: number, radius: number, x: number, y: number): void;
@@ -13186,6 +13502,7 @@ declare class BodyView extends ChartElement<Body> implements IAnnotationAnchorOw
     private _polar;
     private _hitTester;
     private _background;
+    private _depthLayer;
     private _image;
     private _emptyView;
     _gridRowContainer: AxisGridRowContainer;
@@ -13225,12 +13542,14 @@ declare class BodyView extends ChartElement<Body> implements IAnnotationAnchorOw
     private _seriesClip;
     private _seriesClip2;
     private _bodyClip;
+    _depthExt: IBodyDepthExtents;
     constructor(doc: Document, owner: IPlottingOwner);
     getAnnotationAnchor(model: any): RcElement;
     getCol(): number;
     getRow(): number;
-    prepareRender(doc: Document, chart: IChart, polar: boolean): void;
+    prepareRender(doc: Document, model: Body, polar: boolean): void;
     prepareGuideContainers(): void;
+    checkDepth(chart: IChart, width: number, height: number): IBodyDepthExtents;
     pointerMoved(p: Point, target: EventTarget): boolean;
     hoverSeries(series: Series): void;
     private $_setFocused;
@@ -13258,7 +13577,7 @@ declare class BodyView extends ChartElement<Body> implements IAnnotationAnchorOw
     private $_isEmptyVisible;
     private $_createGaugeView;
     private $_prepareGrids;
-    protected _prepareSeries(doc: Document, chart: IChart, series: Series[]): void;
+    protected _prepareSeries(doc: Document, model: Body, series: Series[], deep: boolean): void;
     protected _prepareGauges(doc: Document, chart: IChart, gauges: GaugeBase[]): void;
     protected _prepareAnnotations(doc: Document, annotations: Annotation[]): void;
     private $_prepareAxisBreaks;
@@ -13681,7 +14000,7 @@ declare abstract class LineSeriesBase<OP extends LineSeriesBaseOptions = LineSer
     private _marker;
     private _shape;
     _lines: PointLine[];
-    protected _doInitChildren(op: OP): void;
+    protected _doInit(op: OP): void;
     /**
      */
     get marker(): LineSeriesMarker;
@@ -13727,7 +14046,7 @@ declare class LineSeries<OP extends LineSeriesOptions = LineSeriesOptions> exten
     static defaults: LineSeriesOptions;
     private _flag;
     protected _base: number;
-    protected _doInitChildren(op: OP): void;
+    protected _doInit(op: OP): void;
     get flag(): LineSeriesFlag;
     backDir(): LineStepDirection;
     isMarker(): boolean;
@@ -13764,7 +14083,7 @@ declare class AreaSeries<OP extends AreaSeriesOptions = AreaSeriesOptions> exten
     static readonly type: string;
     static defaults: LineSeriesOptions;
     _areas: PointLine[];
-    protected _doInitChildren(op: OP): void;
+    protected _doInit(op: OP): void;
     /**
      * 미리 생성된 line들을 기준으로 area들을 생성한다.
      */
@@ -13869,16 +14188,21 @@ declare abstract class BarSeriesBase<OP extends BarSeriesBaseOptions = BarSeries
  */
 declare class BarSeries<OP extends BarSeriesOptions = BarSeriesOptions> extends BarSeriesBase<OP> {
     static readonly type: string;
+    canDepth(): boolean;
     protected _createLegendMarker(doc: Document, size: number): RcElement;
     get canPolar(): boolean;
 }
 /**
- * {@link BarSeries}, {@link CircleBarSeires}의 그룹 기반 모델.
+ * {@link BarSeries}, {@link CircleBarSeires}의 그룹 기반 모델.<br/>
+ * {@link options 설정} 모델은 {@link https://realchart.co.kr/docs/api/options/BarSeriesGroupBaseOptions BarSeriesGroupBaseOptions}이다.
  */
 declare abstract class BarSeriesGroupBase<T extends BarSeriesBase, OP extends BarSeriesGroupBaseOptions<BarSeriesBaseOptions>> extends ClusterableSeriesGroup<T, OP> implements IClusterable {
     static defaults: BarSeriesGroupBaseOptions<BarSeriesBaseOptions>;
     canCategorized(): boolean;
     getBaseValue(axis: IAxis): number;
+    getDepth(): number;
+    getDistance(): number;
+    protected _doApply(op: OP): void;
     protected _doPrepareSeries(series: T[]): void;
 }
 /**
@@ -14061,7 +14385,7 @@ declare class CandlestickSeries<OP extends CandlestickSeriesOptions = Candlestic
     protected _createLegendMarker(doc: Document, size: number): RcElement;
 }
 
-declare class CircelBarPointLabel extends DataPointLabel<DataPointLabelOptions> {
+declare class CircelBarPointLabel extends BasedSeriesLabel<DataPointLabelOptions> {
     static defaults: CircleBarPointLabelOptions;
 }
 /**
@@ -14108,7 +14432,7 @@ declare class DumbbellSeries extends LowRangedSeries<DumbbellSeriesOptions> {
     static readonly type = "dumbbell";
     private _marker;
     private _lowMarker;
-    protected _doInitChildren(op: {
+    protected _doInit(op: {
         [child: string]: ChartItemOptions;
     }): void;
     get marker(): DumbbellSeriesMarker;
@@ -14218,7 +14542,7 @@ declare class LollipopSeriesMarker extends SeriesMarker<LollipopSeriesMarkerOpti
 declare class LollipopSeries extends BasedSeries<LollipopSeriesOptions> {
     static readonly type = "lollipop";
     private _marker;
-    protected _doInitChildren(op: {
+    protected _doInit(op: {
         [child: string]: ChartItemOptions;
     }): void;
     get marker(): LollipopSeriesMarker;
@@ -14281,6 +14605,14 @@ declare class PieSeriesLabel extends WidgetSeriesLabel<PieSeriesLabelOptions> {
     static defaults: PieSeriesLabelOptions;
     getDistance(inner: boolean, rd: number, rdInner: number): number;
 }
+declare class PieSeriesDepth extends ChartItem<PieSeriesDepthOption> {
+    static readonly DEPTH_RATIO = 0.6;
+    static defaults: PieSeriesDepthOption;
+    getLength(): number;
+    protected _isVisible(): boolean;
+    protected _doSetSimple(src: any): boolean;
+    protected _doApply(op: PieSeriesDepthOption): void;
+}
 /**
  * Pie 시리즈 모델.<br/>
  * {@link https://realchart.co.kr/docs/api/options/SeriesOptions#type type}은 {@link https://realchart.co.kr/config/config/series/pie pie}이고,
@@ -14290,13 +14622,14 @@ declare class PieSeries extends RadialSeries<PieSeriesOptions> {
     static readonly type = "pie";
     static defaults: PieSeriesOptions;
     private _innerText;
+    private _depth;
     private _innerRadiusDim;
     private _sliceOffsetDim;
     _groupPos: number;
     _groupSize: number;
     _startRad: number;
     _totalRad: number;
-    protected _doInitChildren(op: {
+    protected _doInit(op: {
         [child: string]: ChartItemOptions;
     }): void;
     /**
@@ -14304,6 +14637,10 @@ declare class PieSeries extends RadialSeries<PieSeriesOptions> {
      * 기본 클래스 selector는 <b>'rct-pie-series-inner'</b>이다.
      */
     get innerText(): PieSeriesText;
+    /**
+     * 시리즈 깊이 모델.<br/>
+     */
+    get depth(): PieSeriesDepth;
     followPointer(): boolean;
     hasInner(): boolean;
     getInnerRadius(rd: number): number;
@@ -14312,7 +14649,7 @@ declare class PieSeries extends RadialSeries<PieSeriesOptions> {
     protected _createLabel(chart: IChart): PieSeriesLabel;
     protected _createPoint(source: any): PieSeriesPoint;
     protected _createOthersPoint(source: any, points: PieSeriesPoint[]): PieSeriesPoint;
-    protected _doApply(options: PieSeriesOptions): void;
+    protected _doApply(op: PieSeriesOptions): void;
     protected _doPrepareRender(): void;
 }
 /**
@@ -14349,6 +14686,7 @@ declare class ScatterSeries extends MarkerSeries<ScatterSeriesOptions> {
     static defaults: ScatterSeriesOptions;
     _defShape: Shape;
     protected _createPoint(source: any): DataPoint;
+    protected _getNoClip(polar: boolean): boolean;
     protected _createLegendMarker(doc: Document, size: number): RcElement;
     _colorByPoint(): boolean;
     /**
@@ -14441,8 +14779,11 @@ declare class ShapeAnnotation extends Annotation<ShapeAnnotationOptions> {
 
 /** @private */
 declare class Color {
+    static readonly BLACK = "#000";
+    static readonly WHITE = "#fff";
     static isBright(color: string): boolean;
     static getContrast(color: string, darkColor?: string, brightColor?: string): string;
+    static interpolate(color1: string, color2: string, ratio: number): string;
     private r;
     private g;
     private b;
@@ -14458,14 +14799,15 @@ declare class Color {
 }
 
 declare abstract class BarSeriesViewBase<T extends BarSeriesBase> extends BasedSeriesView<T> {
+    private _deep;
     private _bars;
     private _sectors;
     protected _labelInfo: LabelLayoutInfo;
     protected _getPointPool(): ElementPool<RcElement>;
-    protected _preparePoints(doc: Document, model: T, points: DataPoint[]): void;
+    protected _preparePoints(doc: Document, model: T, points: DataPoint[], deep: boolean): void;
     protected _setPointStyle(v: RcElement, model: T, p: DataPoint): void;
     protected _layoutPoints(width: number, height: number): void;
-    protected abstract _createBarPool(container: RcElement): ElementPool<PointElement>;
+    protected abstract _createBarPool(container: RcElement, deep: boolean): ElementPool<RcElement & IPointView>;
     private $_parepareBars;
     private $_parepareSectors;
     private $_layoutSectors;
@@ -14474,9 +14816,9 @@ declare class BarSeriesView<T extends BarSeries = BarSeries> extends BarSeriesVi
     protected _rdTop: number;
     protected _rdBottom: number;
     constructor(doc: Document, className?: string);
-    protected _createBarPool(container: RcElement): ElementPool<PointElement>;
-    protected _prepareSeries(doc: Document, model: T): void;
-    protected _layoutPoint(view: BarElement, i: number, x: number, y: number, wPoint: number, hPoint: number): void;
+    protected _createBarPool(container: RcElement, deep: boolean): ElementPool<RcElement & IPointView>;
+    protected _prepareSeries(doc: Document, model: T, polar: boolean, depth: BodyDepth): void;
+    protected _layoutPoint(view: (BarElement | Bar3DElement), i: number, x: number, y: number, wPoint: number, hPoint: number): void;
 }
 
 declare class LineMarkerView extends MarkerSeriesPointView implements IPointView {
@@ -14586,6 +14928,7 @@ interface ISectorShape {
     angle: number;
     borderRadius?: number;
     clockwise?: boolean;
+    depth?: number;
 }
 declare class SectorElement extends PathElement {
     static create(doc: Document, styleName: string, x: number, y: number, rx: number, ry: number, start: number, angle: number, clockwise?: boolean): SectorElement;
@@ -14635,7 +14978,7 @@ declare class SectorElement extends PathElement {
     setSector(shape: ISectorShape): void;
     setSectorEx(shape: ISectorShape, stroked: boolean): void;
     protected _getShape(): ISectorShape;
-    protected _assignShape(shape: ISectorShape, stroked: boolean): void;
+    _assignShape(shape: ISectorShape, stroked: boolean): void;
     private $_renderSector;
     private $_renderArc;
 }