realchart 1.4.4 → 1.4.5

package/index.d.ts

@@ -194,6 +194,7 @@ declare function toStr(value: any): string;
  * @private
  */
 declare function pixel(v: number): string;
+type PathValue = string | number;
 type Path = string | any[];
 /**
  * 123, '10%' 형식으로 크기를 지정한다.
@@ -903,16 +904,15 @@ interface ImageAnnotationOptions extends AnnotationOptions {
      */
     type?: typeof ImageAnnotationType;
     /**
-     * @override
+     * @append
      *
-     * true로 설정되고 {@link url}이 설정된 경우에만 표시된다.
+     * true로 설정되고 {@link imageUrl}이 설정된 경우에만 표시된다.<br/>
      *
      * @default true
      */
     visible?: boolean;
     /**
      * 이미지 경로.
-     *
      */
     imageUrl?: string;
 }
@@ -982,15 +982,15 @@ interface ShapeAnnotationOptions extends AnnotationOptions {
      */
     type?: typeof ShapeAnnotationType;
     /**
-     * @override
+     * @append
      *
-     * 64
+     * @default 64
      */
     width?: PercentSize;
     /**
-     * @override
+     * @append
      *
-     * 64
+     * @default 64
      */
     height?: PercentSize;
     /**
@@ -1000,7 +1000,7 @@ interface ShapeAnnotationOptions extends AnnotationOptions {
      */
     shape?: ShapeAnnotationShape;
     /**
-     * Shape path.
+     * shape svg path.<br/>
      * 이 속성이 지정되면 {@link shape}는 무시된다.
      */
     path?: string;
@@ -1024,44 +1024,37 @@ declare const TextAnnotationType = "text";
  * 
  */
 interface TextAnnotationOptions extends AnnotationOptions {
-    /**
-     */
+    /** @dummy */
     type?: typeof TextAnnotationType;
     /**
-     * @override
+     * @append
      *
-     * true로 설정되고 {@link text}가 설정된 경우에만 표시된다.
+     * true로 설정되고 {@link text}가 설정된 경우에만 표시된다.<br/>
      *
      * @default true
      */
     visible?: boolean;
     /**
-     * 표시할 텍스트.
+     * 표시할 텍스트.<br/>
      *
      * @default 'Text'
      */
     text?: string;
     /**
-     * {@link text}에 동적으로 전달되는 값이 숫자일 때 사용되는 표시 형식.
-     *
+     * {@link text}에 동적으로 전달되는 값이 숫자일 때 사용되는 표시 형식.<br/>
      */
     numberFormat?: string;
     /**
-     * {@link text}에 동적으로 전달되는 값이 Date일 때 사용되는 표시 형식.
-     *
+     * {@link text}에 동적으로 전달되는 값이 Date일 때 사용되는 표시 형식.<br/>
      */
     timeFormat?: string;
     /**
-     * 텍스트를 가로 또는 세로로 배치할지 여부와 블록이 진행되는 방향을 지정한다.
-     *
-     * 
+     * 텍스트를 가로 또는 세로로 배치할지 여부와 블록이 진행되는 방향을 지정한다.<br/>
      */
     writingMode?: WritingMode;
     /**
-     * 텍스트 문자 방향을 지정한다.
+     * 텍스트 문자 방향을 지정한다.<br/>
      * 세로 모드의 텍스트에만 적용된다.
-     *
-     * 
      */
     textOrientation?: TextOrientation;
 }
@@ -1453,6 +1446,7 @@ declare class RcElement extends RcObject {
     insertElement(doc: Document, tag: string, before: Node): SVGElement;
     remove(): RcElement;
     getAttr(attr: string): any;
+    removeAttr(attr: string): this;
     setAttr(attr: string, value: any): RcElement;
     setAttrEx(attr: string, value: any): RcElement;
     setAttrs(attrs: any): RcElement;
@@ -1474,7 +1468,7 @@ declare class RcElement extends RcObject {
     isDomAnimating(): boolean;
     rotate(angle: number): RcElement;
     internalRotate(angle: number): void;
-    scale(s: number): RcElement;
+    scale(sx: number, sy?: number): RcElement;
     trans(x: number, y: number): RcElement;
     transp(p: Point): RcElement;
     transEx(x: number, y: number, duration?: number, invalidate?: boolean): RcElement;
@@ -1571,8 +1565,8 @@ declare class ClipRectElement extends ClipElement {
 }
 declare class PathElement extends RcElement {
     private _path;
-    constructor(doc: Document, styleName?: string, path?: Path);
-    path(): string;
+    constructor(doc: Document, styleName?: string);
+    get path(): string;
     setPath(path: Path): PathElement;
 }
 declare class ClipCircleElement extends ClipElement {
@@ -1623,6 +1617,36 @@ declare const _Shapes: {
 };
 /** @dummy */
 type Shape = typeof _Shapes[keyof typeof _Shapes];
+declare class SvgShapes {
+    static line(x1: number, y1: number, x2: number, y2: number): PathValue[];
+    static polygon(...pts: number[]): PathValue[];
+    static box(x1: number, y1: number, x2: number, y2: number): PathValue[];
+    static rect(r: IRect): PathValue[];
+    static rectangle(x: number, y: number, width: number, height: number): PathValue[];
+    static bar(x: number, y: number, width: number, height: number, rTop: number, rBottom: number): PathValue[];
+    static square(x: number, y: number, width: number, height: number): PathValue[];
+    static circle(cx: number, cy: number, rd: number): PathValue[];
+    static isCircled(angle: number): boolean;
+    static arc(cx: number, cy: number, rx: number, ry: number, start: number, end: number, clockwise: boolean, close?: boolean): PathValue[];
+    static sector(cx: number, cy: number, rx: number, ry: number, rInner: number, start: number, end: number, clockwise: boolean): PathValue[];
+    static arc3d(cx: number, cy: number, rx: number, ry: number, depth: number, start: number, end: number, clockwise: boolean, ret?: {
+        x1: number;
+        y1: number;
+        x2: number;
+        y2: number;
+    }): PathValue[];
+    static arc3dInner(cx: number, cy: number, rx: number, ry: number, depth: number, start: number, end: number, clockwise: boolean, ret?: {
+        x1: number;
+        y1: number;
+        x2: number;
+        y2: number;
+    }): PathValue[];
+    static diamond(x: number, y: number, w: number, h: number): PathValue[];
+    static triangle(x: number, y: number, w: number, h: number): PathValue[];
+    static itriangle(x: number, y: number, w: number, h: number): PathValue[];
+    static star(x: number, y: number, w: number, h: number): PathValue[];
+    static setShape(target: PathElement, shape: Shape, rx: number, ry: number): void;
+}
 
 /**
  * 시리즈 데이터포인트 {@link https://realchart.co.kr/config/config/base/series/pointLabel 라벨} 표시 위치.<br/>
@@ -1685,9 +1709,9 @@ type PointLabelPosition = typeof _PointLabelPosition[keyof typeof _PointLabelPos
  */
 interface DataPointLabelOptions extends IconedTextOptions {
     /**
-     * @override
+     * @append
      *
-     * 이 속성값이 true이거나 {@link visibleCallback}이 설정되면 표시된다.
+     * 이 속성값이 true이거나 {@link visibleCallback}이 설정되면 표시된다.<br/>
      *
      * @default undefined
      */
@@ -1830,7 +1854,8 @@ type TrendLineType = typeof _TrendLineType[keyof typeof _TrendLineType];
  */
 interface TrendlineOptions extends ChartItemOptions {
     /**
-     * @override
+     * @append
+     *
      * @default false
      */
     visible?: boolean;
@@ -1905,28 +1930,35 @@ interface SeriesOptions extends ChartItemOptions {
      */
     yAxis?: string | number;
     /**
-     * json 객체나 배열로 전달되는 데이터포인트 정보에서 x 값을 지정하는 속성명이나 인덱스.<br/>
-     * undefined이면, data point의 값이 array일 때는 0, 객체이면 'x'.
+     * json 객체나 배열로 전달되는 데이터포인트 정보에서 x 값을 지정하는 속성명이나 인덱스 또는,
+     * 전달되는 json 객체에서 x 값을 리턴하는 함수.<br/>
+     * 지정하지 않거나(undefined) 값이 undefined이면, , 데이터포인트의 값이 array일 때는 0, 객체이면 'x' 속성 값이 사용된다..
      */
-    xField?: string | number;
+    xField?: string | number | Function;
     /**
-     * json 객체나 배열로 전달되는 데이터포인트 정보에서 y 값을 지정하는 속성명이나 인덱스.<br/>
-     * undefined이면, data point의 값이 array일 때는 1, 객체이면 'y'.
+     * json 객체나 배열로 전달되는 데이터포인트 정보에서 y 값을 지정하는 속성명이나 인덱스 또는,
+     * 전달되는 json 객체에서 y 값을 리턴하는 함수.<br/>
+     * 지정하지 않거나(undefined) 값이 undefined이면, , 데이터포인트의 값이 array일 때는 1, 객체이면 'y' 속성 값이 사용된다.
      */
     yField?: string | number | Function;
     /**
-     * json 객체나 배열로 전달되는 데이터포인트 정보에서 z 값을 지정하는 속성명이나 인덱스.<br/>
-     * undefined이면, data point의 값이 array일 때는 2, 객체이면 'z'.
+     * json 객체나 배열로 전달되는 데이터포인트 정보에서 z 값을 지정하는 속성명이나 인덱스 또는,
+     * 전달되는 json 객체에서 z 값을 리턴하는 함수.<br/>
+     * 지정하지 않거나(undefined) 값이 undefined이면, , 데이터포인트의 값이 array일 때는 2, 객체이면 'z' 속성 값이 사용된다.
      */
     zField?: string | number | Function;
     /**
-     * undefined이면, data point의 값이 객체일 때 'color'.
+     * json 객체나 배열로 전달되는 데이터포인트 정보에서 color 값을 지정하는 속성명이나 인덱스 또는,
+     * 전달되는 json 객체에서 color 값을 리턴하는 함수.<br/>
+     * 지정하지 않거나(undefined) 값이 undefined이면, , 데이터포인트의 값이 객체일 때 'color' 속성 값이 사용된다.
      */
-    colorField?: string;
+    colorField?: string | number | Function;
     /**
-     * undefined이면, data point의 값이 객체일 때 'icon'.
+     * json 객체나 배열로 전달되는 데이터포인트 정보에서 icon 값을 지정하는 속성명이나 인덱스 또는,
+     * 전달되는 json 객체에서 icon 값을 리턴하는 함수.<br/>
+     * 지정하지 않거나(undefined) 값이 undefined이면, 데이터포인트의 값이 객체일 때 'icon' 속성 값이 사용된다.
      */
-    iconField?: string;
+    iconField?: string | number | Function;
     /**
      * 데이터포인터들을 생성하는 데 사용되는 값 목록.
      * 단일 값을 지정할 경우 배열로 처리됩니다. 단, string 타입은 향후 버전에서 사용할 예정이며, 현재는 data를 지정하지 않은 경우와 동일하게 동작한다.
@@ -1964,6 +1996,7 @@ interface SeriesOptions extends ChartItemOptions {
     /**
      * 데이터 포인트별 색들을 지정한다.<br/>
      * 색 배열로 지정하거나, 'colors' asset으로 등록된 이름을 지정할 수 있다.<br/>
+     * 또, 'palette-name@palette'나 'palette-name@pal' 형식으로 설정해서 라이브러리가 기본 css로 제공하는 palette 색상 배열을 사용할 수 있다.<br/>
      * {@link pointStyleCallback}으로 설정된 색상이나 데이터포인트별로 지정한 색상이 이 속성으로 설정한 색상보다 우선한다.
      */
     pointColors?: string[] | string;
@@ -1987,6 +2020,18 @@ interface SeriesOptions extends ChartItemOptions {
      * 또, 값을 지정하지 않으면 버블시리즈는 최대한 버블들이 표시되도록 한다.
      */
     noClip?: boolean;
+    /**
+     * @ignore
+     * 이 시리즈나 데이터포인트들을 표시할 legend를 지정한다.<br/>
+     * 존재하지 않은 legend를 지정하면 기본 legend에 표시한다.
+     */
+    legend?: string;
+    /**
+     * 이 시리즈나 데이터포인트들이 legend에 표시될 때,
+     * 이 속성에 해당하는 값이 동일하면 중복 표시되지 않는다.<br/>
+     * 또, 해당 legend 항목에 대해 이 키로 연결된 모든 시리즈나 데이터포인트들이 반응한다.
+     */
+    legendKey?: string;
     /**
      * 명시적 false로 지정하면 legend에 표시하지 않는다.
      */
@@ -2063,7 +2108,7 @@ interface ClusterableSeriesOptions extends ConnectableSeriesOptions {
      * 시리즈가 그룹에 포함되지 않거나,
      * 포함된 그룹의 layout이 {@link SeriesGroupLayout.DEFAULT DEFAULT}이거나 특별히 설정되지 않아서,
      * 그룹에 포함된 시리즈들의 data point가 옆으로 나열되어 표시될 때,
-     * 포인트 표시 영역 내에서 이 시리즈의 포인트가 차지하는 영역의 상대 크기.
+     * 포인트 표시 영역 내에서 이 시리즈의 포인트가 차지하는 영역의 상대 크기.<br/>
      * 예를 들어 이 시리즈의 속성값이 1이고 다른 시리즈의 값이 2이면 다른 시리즈의 data point가 두 배 두껍게 표시된다.
      *
      * @default
@@ -2078,8 +2123,7 @@ interface ClusterableSeriesOptions extends ConnectableSeriesOptions {
      */
     pointOffset?: number;
     /**
-     * 이 시리즈의 point가 차지하는 영역 중에서 point bar 양쪽 끝에 채워지는 빈 영역의 크기.
-     * <br>
+     * 이 시리즈의 point가 차지하는 영역 중에서 point bar 양쪽 끝에 채워지는 빈 영역의 크기.<br/>
      * point가 차지할 원래 크기에 대한 상대 값으로서,
      * 0 ~ 0.5 사이의 비율 값으로 지정한다.
      *
@@ -2103,7 +2147,7 @@ interface ClusterableSeriesOptions extends ConnectableSeriesOptions {
 /** */
 interface BasedSeriesLabelOptions extends DataPointLabelOptions {
     /**
-     * 데이터포인트 본체와 label을 연결하는 선
+     * 데이터포인트 본체와 label을 연결하는 선.<br/>
      */
     line?: DataPointLabelLineOptions;
 }
@@ -2160,7 +2204,7 @@ interface BasedSeriesOptions extends ClusterableSeriesOptions {
  */
 interface BarSeriesBaseOptions extends BasedSeriesOptions {
     /**
-     * true로 지정하면 포인트 bar 별로 색을 다르게 표시한다.
+     * true로 지정하면 포인트 bar 별로 색을 다르게 표시한다.<br/>
      *
      * @default false
      */
@@ -2213,39 +2257,42 @@ type SeriesGroupLayout = typeof _SeriesGroupLayout[keyof typeof _SeriesGroupLayo
  */
 interface SeriesGroupOptions<T extends SeriesOptions = SeriesOptions> extends ChartItemOptions {
     /**
-     * 단일 시리즈 옵션 배열.
+     * 단일 시리즈 옵션 배열.<br/>
      */
     children?: T[];
     /**
-     * pie 시리즈는 layout을 지원하지 않는다.
+     * pie 시리즈는 layout을 지원하지 않는다.<br/>
+     *
      * @default 'default'
      */
     layout?: SeriesGroupLayout;
     /**
-     * {@link layout}이 {@link layout 'fill'}일 때 상대적 최대값.
-     * <br>
-     * layoutMax는 0보다 큰 값으로 지정해야 한다. <br>
-     * 값이 0이하이거나 지정하지 않으면 100으로 간주된다. <br>
+     * {@link layout}이 {@link layout 'fill'}일 때 상대적 최대값.<br/>
+     * layoutMax는 0보다 큰 값으로 지정해야 한다.<br/>
+     * 값이 0이하이거나 지정하지 않으면 100으로 간주된다.
      *
      * @default 100
      */
     layoutMax?: number;
     /**
-     * 이 그룹에 포함된 시리즈들은 자신의 설정 대신 이 설정을 따른다.
-     *
+     * 이 그룹에 포함된 시리즈들은 자신의 설정 대신 이 설정을 따른다.<br/>
      */
     xAxis?: string | number;
     /**
-     * 이 그룹에 포함된 시리즈들은 자신의 설정 대신 이 설정을 따른다.
-     *
+     * 이 그룹에 포함된 시리즈들은 자신의 설정 대신 이 설정을 따른다.<br/>
      */
     yAxis?: string | number;
     /**
-     * 명시적 false로 지정하면 legend에 표시하지 않는다.
+     * 명시적 false로 지정하면 legend에 표시하지 않는다.<br/>
      *
      * @default true
      */
     visibleInLegend?: boolean;
+    /**
+     * // #1151
+     * true로 지정하면 legend에 시리즈들을 반대 순서로 배치한다.<br/>
+     */
+    reversedInLegend?: boolean;
     /**
      * @default 0
      */
@@ -2254,7 +2301,7 @@ interface SeriesGroupOptions<T extends SeriesOptions = SeriesOptions> extends Ch
      */
     noClip?: boolean;
     /**
-     * 그룹 툴팁의 위쪽에 표시되는 텍스트.\
+     * 그룹 툴팁의 위쪽에 표시되는 텍스트.<br/>
      *
      * tooltipHeader
      * tooltipRow,
@@ -2267,14 +2314,13 @@ interface SeriesGroupOptions<T extends SeriesOptions = SeriesOptions> extends Ch
      */
     tooltipHeader?: string;
     /**
-     * 그룹 툴팁에 각 시리즈별 표시되는 포인트 툴팁 텍스트.
+     * 그룹 툴팁에 각 시리즈별 표시되는 포인트 툴팁 텍스트.<br/>
      *
      * @default '${series}:<b> ${yValue}</b>'
      */
     tooltipRow?: string;
     /**
-     * 그룹 툴팁의 아래쪽에 표시되는 텍스트.
-     *
+     * 그룹 툴팁의 아래쪽에 표시되는 텍스트.<br/>
      */
     tooltipFooter?: string;
 }
@@ -2428,7 +2474,7 @@ interface MarkerSeriesOptions extends ConnectableSeriesOptions {
  */
 interface LineSeriesMarkerOptions extends SeriesMarkerOptions {
     /**
-     * @override
+     * @append
      *
      * @default 4
      */
@@ -2514,12 +2560,15 @@ declare const _PointLabelAlign: {
     readonly NONE: "none";
     /**
      * position이 'outside'일 때 시리즈 본체에 가까운 쪽에 정렬하고,
-     * 'inside'일 때 시리즈 중심(pie 시리즈)이나 왼쪽(funnel 시리즈)에 졍렬한다..<br/>
+     * 'inside'일 때 시리즈 중심(pie 시리즈)이나 왼쪽(funnel 시리즈)에 졍렬한다.
+     * Pictorial 시리즈에는 적용되지 않는다.<br/>
+     * <br/>
      */
     readonly NEAR: "near";
     /**
      * position이 'outside'일 때 차트 전체 영역의 경계 쪽에 정렬하고,
-     * 'inside'일 때 시리즈 경계(pie 시리즈)나 오른쪽(funnel 시리즈)에 졍렬한다..<br/>
+     * 'inside'일 때 시리즈 경계(pie 시리즈)나 오른쪽(funnel 시리즈)에 졍렬한다.
+     * Pictorial 시리즈에는 적용되지 않는다.<br/>
      */
     readonly FAR: "far";
 };
@@ -2567,23 +2616,23 @@ type PointLabelOverflow = typeof _PointLabelOverflow[keyof typeof _PointLabelOve
  */
 interface WidgetSeriesLabelOptions extends DataPointLabelOptions {
     /**
-     * @override
+     * @append
+     *
      * @default true
      */
     visible?: boolean;
     /**
-     * 데이터포인트 라벨들을 정렬하는 방식.
+     * 데이터포인트 라벨들을 정렬하는 방식.<br/>
      *
      * @default 'none'
      */
     align?: PointLabelAlign;
     /**
-     * 연결선 옵션 설정 모델.
-     *
+     * 연결선 옵션 설정 모델.<br/>
      */
     connector?: WidgetSeriesConnectorOptions;
     /**
-     * label들이 최대한 영역 밖으로 나가지 않도록 안쪽으로 모은다.
+     * label들이 최대한 영역 밖으로 나가지 않도록 안쪽으로 모은다.<br/>
      *
      * @default true
      */
@@ -2593,13 +2642,13 @@ interface WidgetSeriesLabelOptions extends DataPointLabelOptions {
      */
     distance?: number;
     /**
-     * label이 겹칠 때 처리 표시 지정한다.
+     * label이 겹칠 때 처리 표시 지정한다.<br/>
      *
      * @default 'displayAll'
      */
     dedupeMode?: PointLabelDedupeMode;
     /**
-     * label이 겹칠 때 처리 표시 지정한다.
+     * label이 겹칠 때 처리 표시 지정한다.<br/>
      *
      * @default 'visible'
      */
@@ -2681,6 +2730,9 @@ interface WidgetSeriesOptions extends SeriesOptions {
      * @default true
      */
     zeroInLegend?: boolean;
+    /**
+     * 마지막 데이터포인트들을 묶은 나머지 항목 설정 옵션.<br/>
+     */
     othersGroup?: OthersGroupOptions;
 }
 declare const BarRangeSeriesType = "barrange";
@@ -2731,7 +2783,8 @@ interface BarRangeSeriesOptions extends LowRangedSeriesOptions {
      */
     cornerRadius?: number;
     /**
-     * @override
+     * @append
+     *
      * @default '<b>${name}</b><br>${series}: <b>${lowValue}</b> ~ <b>${highValue}</b>';
      */
     tooltipText?: string;
@@ -2766,8 +2819,7 @@ interface BarRangeSeriesOptions extends LowRangedSeriesOptions {
  * 
  */
 interface BarSeriesOptions extends BarSeriesBaseOptions {
-    /**
-     */
+    /** @dummy */
     type?: BarSeriesOptionsType;
     /**
      * 지정한 반지름 크기로 데이터포인트 bar의 위쪽 모서리를 둥글게 표시한다.<br/>
@@ -2869,7 +2921,8 @@ type LineType = typeof _LineType[keyof typeof _LineType];
  */
 interface LineSeriesFlagOptions extends IconedTextOptions {
     /**
-     * @override
+     * @append
+     *
      * @default false
      */
     visible?: boolean;
@@ -2992,11 +3045,10 @@ declare const SplineSeriesType = "spline";
  * 
  */
 interface SplineSeriesOptions extends LineSeriesOptions {
-    /**
-     */
+    /** @dummy */
     type?: typeof SplineSeriesType;
     /**
-     * @override
+     * @append
      *
      * 항상 'spline'이다.<br/>
      */
@@ -3167,7 +3219,8 @@ interface BoxPlotSeriesOptions extends LowRangedSeriesOptions {
      */
     maxField?: string;
     /**
-     * @override
+     * @append
+     *
      * @default '<b>${name}</b><br>min: <b>${minValue}</b><br>low: <b>${lowValue}</b><br>mid: <b>${midValue}</b><br>high: <b>${highValue}</b><br>max: <b>${maxValue}</b>'
      */
     tooltipText?: string;
@@ -3235,7 +3288,8 @@ interface BubbleSeriesOptions extends MarkerSeriesOptions {
      */
     maxSize?: PercentSize;
     /**
-     * @override
+     * @append
+     *
      * @default 'x: <b>${x}</b><br>y: <b>${y}</b><br>volume: <b>${z}</b>'
      */
     tooltipText?: string;
@@ -3323,7 +3377,8 @@ interface CandlestickSeriesOptions extends LowRangedSeriesOptions {
      */
     declineStyle?: SVGStyleOrClass;
     /**
-     * @override
+     * @append
+     *
      * @default '<b>${name}</b><br>최저: <b>${lowValue}</b><br>시가: <b>${openValue}</b><br>종가: <b>${closeValue}</b><br>고가: <b>${highValue}</b>'
      */
     tooltipText?: string;
@@ -3332,7 +3387,8 @@ interface CandlestickSeriesOptions extends LowRangedSeriesOptions {
  */
 interface CircleBarPointLabelOptions extends DataPointLabelOptions {
     /**
-     * @override
+     * @append
+     *
      * @default 'inside'
      */
     position?: PointLabelPosition;
@@ -3385,12 +3441,14 @@ interface CircleBarSeriesGroupOptions extends BarSeriesGroupBaseOptions<CircleBa
 /** */
 interface DumbbellSeriesMarkerOptions extends SeriesMarkerOptions {
     /**
-     * @override
+     * @append
+     *
      * @default 4
      */
     radius?: number;
     /**
-     * @override
+     * @append
+     *
      * @default 'circle'
      */
     shape?: Shape;
@@ -3531,12 +3589,14 @@ interface ErrorBarSeriesOptions extends LowRangedSeriesOptions {
      */
     type?: typeof ErrorBarSeriesType;
     /**
-     * @override
+     * @append
+     *
      * @default 0.3
      */
     pointPadding?: number;
     /**
-     * @override
+     * @append
+     *
      * @default '<b>${name}</b><br>${series}: <b>${lowValue}</b> ~ <b>${highValue}</b>'
      */
     tooltipText?: string;
@@ -3582,7 +3642,7 @@ declare const FunnelSeriesType = "funnel";
 interface FunnelSeriesOptions extends WidgetSeriesOptions {
     type?: typeof FunnelSeriesType;
     /**
-     * @override
+     * @append
      */
     pointLabel?: FunnelSeriesLabelOptions;
     /**
@@ -3613,7 +3673,8 @@ interface FunnelSeriesOptions extends WidgetSeriesOptions {
      */
     reversed?: boolean;
     /**
-     * @override
+     * @append
+     *
      * @default false
      */
     legendByPoint?: boolean;
@@ -3746,7 +3807,8 @@ interface AreaRangeSeriesOptions extends LineSeriesBaseOptions {
  */
 interface LollipopSeriesMarkerOptions extends SeriesMarkerOptions {
     /**
-     * @override
+     * @append
+     *
      * @default 4
      */
     radius?: number;
@@ -3763,7 +3825,8 @@ interface LollipopSeriesMarkerOptions extends SeriesMarkerOptions {
      */
     minRadius?: number;
     /**
-     * @override
+     * @append
+     *
      * @default 'circle'
      */
     shape?: Shape;
@@ -3902,9 +3965,9 @@ interface RadialSeriesOptions extends WidgetSeriesOptions {
     /**
      * 시리즈 원호의 반지름.<br/>
      * 픽셀 크기나 {@link https://realchart.co.kr/config/config/body body} 영역 크기에 대한 상대적 크기로 지정할 수 있다.
-     * '50%'로 지정하면 plot 영역의 width나 height중 작은 크기와 동일한 반지름으로 표시된다.
+     * '50%'로 지정하면 plot 영역의 너비나 높이 중 작은 크기와 동일한 반지름으로 표시된다.
      *
-     * @default '40%
+     * @default '40%'
      */
     radius?: PercentSize;
     /**
@@ -4031,7 +4094,7 @@ interface PieSeriesOptions extends RadialSeriesOptions {
      */
     type?: typeof PieSeriesType;
     /**
-     * @override
+     * @append
      */
     pointLabel?: PieSeriesLabelOptions;
     /**
@@ -4228,7 +4291,8 @@ type TreemapAlgorithm = typeof _TreemapAlgorithm[keyof typeof _TreemapAlgorithm]
  */
 interface TreeGroupHeadOptions extends ChartItemOptions {
     /**
-     * @override
+     * @append
+     *
      * @default false
      */
     visible?: boolean;
@@ -4354,7 +4418,8 @@ interface HeatmapSeriesOptions extends Omit<ConnectableSeriesOptions, 'trendline
      */
     type?: typeof HeatmapSeriesType;
     /**
-     * @override
+     * @append
+     *
      * @default 'x: <b>${x}</b><br>y: <b>${y}</b><br>heat: <b>${z}</b>'
      */
     tooltipText?: string;
@@ -4614,6 +4679,211 @@ interface WordCloudSeriesOptions extends WidgetSeriesOptions {
      */
     placer?: 'default' | 'spiral';
 }
+declare const PictogramSeriesType = "pictogram";
+/**
+ * @private
+ *
+ * pictogram 시리즈 모델.<br/>
+ * {@link https://realchart.co.kr/docs/api/options/SeriesOptions#type type}은 'pictogram'이다.<br/>
+ * 지정한 이미지 아이콘을 반복한다.
+ */
+interface PictogramSeriesOptions extends BasedSeriesOptions {
+    /** @dummy */
+    type?: typeof PictogramSeriesType;
+    /**
+     * 아이콘 이미지 url.<br/>
+     */
+    iconUrl?: string;
+    /**
+     * 이 속성과 {@link iconHeight}를 모두 지정하지 않으면 축 설정에 따라 아이콘 표시 너비가 결정된다.<br/>
+     */
+    iconWidth?: number;
+    /**
+     * 이 속성과 {@link iconWidth}를 모두 지정하지 않으면 축 설정에 따라 아이콘 표시 너비가 결정된다.<br/>
+     */
+    iconHeight?: number;
+    /**
+     * @default 2
+     */
+    iconGap?: number;
+    /**
+     * true면 값에 상관없이 모든 아이콘 이미지가 모두 그려지게 한다.<br/>
+     * @default false
+     */
+    integral?: boolean;
+    /**
+     * @default 0.5
+     */
+    integralThreshold?: number;
+    /**
+     * true로 지정하면 시리즈 방향과 무관하게 아이콘 방향을 유지한다.<br/>
+     */
+    preserveIconOrientation?: boolean;
+}
+/**
+ * 화살 머리 종류.
+ * @enum
+ */
+declare const _PictorialBarMode: {
+    /**
+     * 이미지가 지정되면 'figure',
+     * svg가 지정되면 'both'로 적용된다.<br/>
+     */
+    readonly AUTO: "auto";
+    /**
+     * 이미지나 svg의 비율을 유지하면서 아래 bar를 같이 표시한다.<br/>
+     */
+    readonly BOTH: "both";
+    /**
+     * 아래쪽 bar 없이 이미지나 svg를 데이터포인트 높이와 너비에 맞게 비율을 조정해서 표시한다.<br/>
+     */
+    readonly FIGURE: "figure";
+};
+/** @dummy */
+type PictorialBarMode = typeof _PictorialBarMode[keyof typeof _PictorialBarMode];
+declare const PictorialBarSeriesType = "pictorialbar";
+/**
+ * @private
+ *
+ * pictorial bar 시리즈.<br/>
+ * {@link https://realchart.co.kr/docs/api/options/SeriesOptions#type type}은 'pictorialbar'이다.<br/>
+ * 데이터포인트 bar 위에 svg나 이미지로 데이터포인트와 관련된 그림(figure)을 표시한다.
+ */
+interface PictorialBarSeriesOptions extends BarSeriesBaseOptions {
+    /** @dummy */
+    type?: typeof PictorialBarSeriesType;
+    /**
+     * svg나 이미지 figure와 bar를 표시하는 방식.<br/>
+     *
+     * @default 'auto'
+     */
+    mode?: PictorialBarMode;
+    /**
+     * svg 단일 path 또는 path 목록.<br/>
+     * path 목록이면 모두 합쳐진 path로 그려진다.
+     * svg로 figure를 지정하면 데이터포인트의 'fill'이나 'stroke' 스타일을 따라간다.<br/>
+     * {@link figureByPoint}를 지정해서 데이터포인트별로 svg를 표시하려면
+     * {@link figureImage}에 복수 개로 지정한다.
+     */
+    figurePath?: string | string[];
+    /**
+     * {@link figureImage} 목록이나, {@link figureField}로 설정된 모든 이미지 경로 앞에 추가되는 경로.<br/>
+     */
+    figureImageRoot?: string;
+    /**
+     * figure 이미지 url 또는 url 배열.<br/>
+     * 데이터포인트 구성 json의 {@link figureField}로 지정한 속성에 이미지 index를 지정할 수 있다.
+     */
+    figureImage?: string | string[];
+    /**
+     * true로 지정하면 {@link figureImage}가 배열인 경우, 데이터포인트 별로 {@link figureField}에 지정된 index나,
+     * 데이터포인트 index에 따라 자동 지정된다.<br/>
+     */
+    figureByPoint?: boolean;
+    /**
+     * json 객체나 배열로 전달되는 데이터포인트 정보에서 figure 값을 지정하는 속성명이나 인덱스 또는,
+     * 전달되는 json 객체에서 figure 값을 리턴하는 함수.<br/>
+     * 지정하지 않거나(undefined) 값이 undefined이면, 데이터포인트의 값이 객체일 때 'figure' 속성 값이 사용된다.
+     */
+    figureField?: string | number | Function;
+    /**
+     * 데이터포인트 bar 너비에 대한 figure의 상대 너비.<br/>
+     * 1이면 bar 너비와 동일한 크기로 figure의 너비가 표시된다.
+     * 0보다 큰 값으로 지정한다.
+     * 잘못된 값을 지정하면 1로 표시된다.<br/>
+     * 이렇게 결정된 너비에 맞게 figure의 높이가 자동 결정된다.
+     * figure의 높이가 데이터포인트 높이 보다 크면 bar 부분은 표시되지 않는다.
+     *
+     * @default '100%'
+     */
+    figureWidth?: PercentSize;
+    /**
+     * figure와 bar 사이의 간격.<br/>
+     *
+     * @default 0
+     */
+    figureGap?: number;
+    /**
+     * 지정한 반지름 크기로 데이터포인트 bar의 위쪽 모서리를 둥글게 표시한다.<br/>
+     * 최대값이 bar 폭으로 절반으로 제한되므로 아주 큰 값을 지정하면 반원으로 표시된다.
+     */
+    topRadius?: number;
+    /**
+     * 지정한 반지름 크기로 데이터포인트 bar의 아래쪽 모서리를 둥글게 표시한다.<br/>
+     * 최대값이 bar 폭으로 절반으로 제한되므로 아주 큰 값을 지정하면 반원으로 표시된다.
+     */
+    bottomRadius?: number;
+}
+/**
+ * Pictorial 시리즈의 point label 옵션.<br/>
+ * position이 'default'이면 'inside'로 표시된다.
+ * 라벨들이 겹치면 값이 적은 것들 순서대로 감춘다.
+ */
+interface PictorialSeriesLabelOptions extends WidgetSeriesLabelOptions {
+    /**
+     * true로 지정하면 반대쪽(왼편)에 표시한다.
+     */
+    opposite?: boolean;
+}
+declare const PictorialSeriesType = "pictorial";
+/**
+ * pictorial 시리즈.<br/>
+ * {@link https://realchart.co.kr/docs/api/options/SeriesOptions#type type}은 'pictorial'이다.<br/>
+ * SVG 이미지 하나를 값에 따라 수평 또는 수직 방향의 여러 영역으로 분할해서 표시한다.
+ */
+interface PictorialSeriesOptions extends WidgetSeriesOptions {
+    /** @dummy */
+    type?: typeof PictorialSeriesType;
+    /**
+     * @append
+     */
+    pointLabel?: PictorialSeriesLabelOptions;
+    /**
+     * 이 값을 지정하지 않으면 데이터포인트들의 값을 모두 더한 것을 합계로 사용한다.<br/>
+     * 숫자 또는 '%'로 끝나는 데이터포인트 합계에 대한 백분율로 지정할 수 있다.
+     * 실제 합계 이하로 지정하면 무시한다.
+     * 각 데이터포인트들은 합계에 대한 비율 크기로 표시된다.
+     */
+    total?: PercentSize;
+    /**
+     * svg 단일 path 또는 path 목록.<br/>
+     */
+    figure?: string | string[];
+    /**
+     * Pictorial의 크기.<br/>
+     * 픽셀 크기나 {@link https://realchart.co.kr/config/config/body body} 영역 크기에 대한 상대적 크기로 지정할 수 있다.
+     * '100%'로 지정하면 plot 영역의 너비나 높이 중 작은 크기와 동일한 크기로 표시된다.<br/>
+     * 또, {@link width}나 {@link height}로 각각 다른 크기를 지정할 수도 있다.
+     *
+     * @default '90%'
+     */
+    size?: PercentSize;
+    /**
+     * {@link Pictorial} 표시 너비를 pixel이나 body 너비에 대한 비율(%)로 지정한다.<br/>
+     * 이 크기를 지정하지 않으면 {@link size} 설정에 맞게 자동으로 적용된다.
+     * {@link size}도 지정되지 않았다면 {@link Pictorial}에 지정된 svg 크기대료 표시된다.
+     */
+    width?: PercentSize;
+    /**
+     * {@link Pictorial} 표시 너비를 pixel이나 body 높이에 대한 비율(%)로 지정한다.<br/>
+     * 이 크기를 지정하지 않으면 {@link size} 설정에 맞게 자동으로 적용된다.
+     * {@link size}도 지정되지 않았다면 {@link Pictorial}에 지정된 svg 크기대료 표시된다.
+     */
+    height?: PercentSize;
+    /**
+     * 데이터포인트 표시 방향.<br/>
+     *
+     * @default 'row'
+     */
+    direction?: 'row' | 'column';
+    /**
+     * false면 {@link direction}이 'row'일 때 아래에서 위로, 아니면 왼쪽에서 오른쪽으로 배치된다.<br/>
+     * true면 반대로 배치된다.
+     *
+     * @default false
+     */
+    reversed?: boolean;
+}
 interface RaceCallbackArgs {
     race: any;
 }
@@ -4728,7 +4998,7 @@ declare const BarSeriesTypes: {
 /** @dummy */
 type BarSeriesOptionsType = typeof BarSeriesTypes[keyof typeof BarSeriesTypes];
 /** @dummy */
-type SeriesOptionsType = SeriesOptions | SeriesGroupOptions | BarRangeSeriesOptions | BarSeriesOptions | BarSeriesGroupOptions | BellCurveSeriesOptions | BoxPlotSeriesOptions | BubbleSeriesOptions | BumpSeriesGroupOptions | CandlestickSeriesOptions | CircleBarSeriesOptions | DumbbellSeriesOptions | EqualizerSeriesOptions | ErrorBarSeriesOptions | FunnelSeriesOptions | HistogramSeriesOptions | AreaRangeSeriesOptions | AreaSeriesOptions | AreaSeriesGroupOptions | LineSeriesOptions | LineSeriesGroupOptions | SplineSeriesOptions | LollipopSeriesOptions | OhlcSeriesOptions | ParetoSeriesOptions | PieSeriesOptions | PieSeriesGroupOptions | ScatterSeriesOptions | WaterfallSeriesOptions | TreemapSeriesOptions | HeatmapSeriesOptions | VectorSeriesOptions;
+type SeriesOptionsType = SeriesOptions | SeriesGroupOptions | BarRangeSeriesOptions | BarSeriesOptions | BarSeriesGroupOptions | BellCurveSeriesOptions | BoxPlotSeriesOptions | BubbleSeriesOptions | BumpSeriesGroupOptions | CandlestickSeriesOptions | CircleBarSeriesOptions | DumbbellSeriesOptions | EqualizerSeriesOptions | ErrorBarSeriesOptions | FunnelSeriesOptions | HistogramSeriesOptions | AreaRangeSeriesOptions | AreaSeriesOptions | AreaSeriesGroupOptions | LineSeriesOptions | LineSeriesGroupOptions | SplineSeriesOptions | LollipopSeriesOptions | OhlcSeriesOptions | ParetoSeriesOptions | PieSeriesOptions | PieSeriesGroupOptions | ScatterSeriesOptions | WaterfallSeriesOptions | TreemapSeriesOptions | HeatmapSeriesOptions | VectorSeriesOptions | PictogramSeriesOptions | PictorialBarSeriesOptions | PictorialSeriesOptions;
 
 /**
  * 차트 제목(title) 설정 옵션.<br/>
@@ -4752,9 +5022,9 @@ type SeriesOptionsType = SeriesOptions | SeriesGroupOptions | BarRangeSeriesOpti
  */
 interface TitleOptions extends ChartItemOptions {
     /**
-     * @override
+     * @append
      *
-     * true로 설정되고 {@link text}가 설정된 경우에만 표시된다.
+     * true로 설정되고 {@link text}가 설정된 경우에만 표시된다.<br/>
      *
      * @default true
      */
@@ -4766,7 +5036,7 @@ interface TitleOptions extends ChartItemOptions {
      */
     text?: string;
     /**
-     * 정렬 기준.
+     * 정렬 기준.<br/>
      * 시리즈들이 그려지는 plotting 영역이나,
      * 차트 전체 영역을 기준으로 할 수 있다.
      * 또, {@link https://realchart.co.kr/config/config/subtitle 부제목}인 경우 제목을 기준으로 위치를 지정할 수 있다.
@@ -4775,19 +5045,19 @@ interface TitleOptions extends ChartItemOptions {
      */
     alignBase?: AlignBase;
     /**
-     * 수평 정렬.
+     * 수평 정렬.<br/>
      *
      * @default 'center'
      */
     align?: Align;
     /**
-     * 수직 정렬.
+     * 수직 정렬.<br/>
      *
      * @default 'middle'
      */
     verticalAlign?: VerticalAlign;
     /**
-     * 배경 {@link it.SVGStyles 스타일셋} 또는 css {@link https://developer.mozilla.org/ko/docs/Web/CSS/CSS_selectors selector}.
+     * 배경 {@link it.SVGStyles 스타일셋} 또는 css {@link https://developer.mozilla.org/ko/docs/Web/CSS/CSS_selectors selector}.<br/>
      */
     backgroundStyle?: SVGStyleOrClass;
     /**
@@ -4871,31 +5141,33 @@ type SubtitlePosition = typeof _SubtitlePosition[keyof typeof _SubtitlePosition]
  */
 interface SubtitleOptions extends TitleOptions {
     /**
-     * 표시 위치.
+     * 표시 위치.<br/>
      *
      * @default 'bottom'
      */
     position?: SubtitlePosition;
     /**
-     * 주 제목과 사이의 간격.
+     * 주 제목과 사이의 간격.<br/>
      *
      * @default 2
      */
     titleGap?: number;
     /**
-     * @override
+     * @append
+     *
      * @default 'bottom'
      */
     verticalAlign?: VerticalAlign;
     /**
-     * @override
+     * @append
+     *
      * @default ''
      */
     text?: string;
     /**
-     * @override
+     * @append
      *
-     * {@link position}가 'leftSide' 이거나 'rightSide'인 경우 해당 속성은 무시된다.
+     * {@link position}가 'leftSide' 이거나 'rightSide'인 경우 해당 속성은 무시된다.<br/>
      *
      * @default 0
      */
@@ -4921,28 +5193,28 @@ interface ChartOptionsOptions extends ChartItemOptions {
      */
     theme?: string;
     /**
-     * 시리즈 및 데이터포인트에 적용되는 기본 색상 팔레트 이름.
+     * 시리즈 및 데이터포인트에 적용되는 기본 색상 팔레트 이름.<br/>
      */
     palette?: string;
     /**
-     * {@link palette}로 지정된 팔레트 색상들을 시리즈에 적용하는 방식.
+     * {@link palette}로 지정된 팔레트 색상들을 시리즈에 적용하는 방식.<br/>
      *
      * @default 'normal'
      */
     paletteMode?: PaletteMode;
     /**
-     * 시리즈 옵션 colorByPoint가 true일 때 적용되는 데이터포인트들의 색상 목록.
+     * 시리즈 옵션 colorByPoint가 true일 때 적용되는 데이터포인트들의 색상 목록.<br/>
      * 시리즈 옵션 colors가 지정되면 이 속성은 무시된다.
      */
     colors?: string[];
     /**
-     * false로 지정하면 차트 전체척으로 animation 효과를 실행하지 않는다.
+     * false로 지정하면 차트 전체척으로 animation 효과를 실행하지 않는다.<br/>
      *
      * @default true
      */
     animatable?: boolean;
     /**
-     * javascript에서 숫자 단위로 전달되는 날짜값은 기본적으로 local이 아니라 new Date 기준이다.
+     * javascript에서 숫자 단위로 전달되는 날짜값은 기본적으로 local이 아니라 new Date 기준이다.<br/>
      * 그러므로 보통 숫자로 지정된 날짜값은 utc 값이다.
      * local 기준으로 표시하기 위해, 숫자로 지정된 날짜값에 더해야 하는 시간을 분단위로 지정한다.<br/>
      * ex) 한국은 -9 * 60
@@ -4985,7 +5257,7 @@ interface ChartOptionsOptions extends ChartItemOptions {
      */
     axisGap?: number;
     /**
-     * @deprecated v1.3.15 이후로, {@link https://realchart.co.kr/config/config/credits credits}으로 대신 설정한다.
+     * @deprecated v1.3.15 이후로, {@link https://realchart.co.kr/config/config/credits credits}으로 대신 설정한다.<br/>
      *
      * 크레딧 모델.<br/>
      */
@@ -5037,10 +5309,10 @@ type ZoomType = typeof _ZoomType[keyof typeof _ZoomType];
  */
 interface ZoomButtonOptions extends ChartItemOptions {
     /**
-     * @override
+     * @append
      *
      * 명시적 false로 지정한 경우가 아닐 때,
-     * 이미 zoom된 상태이거나, zoom 가능하면 표시된다.
+     * 이미 zoom된 상태이거나, zoom 가능하면 표시된다.<br/>
 
     * @default undefined
      */
@@ -5050,15 +5322,15 @@ interface ZoomButtonOptions extends ChartItemOptions {
  */
 interface EmptyViewOptions extends ChartTextOptions {
     /**
-     * @override
+     * @append
      *
-     * false로 지정하면 표시돼야할 상황에서도 표시되지 않는다.
+     * false로 지정하면 표시돼야할 상황에서도 표시되지 않는다.<br/>
      *
      * @default undefined
      */
     visible?: boolean;
     /**
-     * @override
+     * @append
      *
      * 표시할 텍스트.<br/>
      * 지정하지 않으면 ''표시할 데이터가 없습니다.'가 표시된다.
@@ -5274,7 +5546,8 @@ interface NavigiatorMaskOptions extends ChartItemOptions {
  */
 interface SeriesNavigatorOptions extends ChartItemOptions {
     /**
-     * @override
+     * @append
+     *
      * @default false
      */
     visible?: boolean;
@@ -5500,11 +5773,10 @@ type TooltipScope = typeof _TooltipScope[keyof typeof _TooltipScope];
 interface TooltipOptions extends ChartItemOptions {
     /**
      * 하나의 툴팁으로 표시할 범위.
+     *
+     * @default hover
      */
     scope?: TooltipScope;
-    /**
-     */
-    html?: string;
     /**
      * 툴팁에 표시할 텍스트 형식.<br/>
      * 시리즈에 {@link https://realchart.co.kr/config/config/base/series#tooltiptext tooltipText}가 시리즈 별 tooltip을 제공하지만,
@@ -5525,6 +5797,7 @@ interface TooltipOptions extends ChartItemOptions {
     /**
      * 목표 지점과 tooltip 사이의 간격.
      *
+     * @default 8
      */
     offset?: number;
     /**
@@ -5534,36 +5807,71 @@ interface TooltipOptions extends ChartItemOptions {
      */
     hideDelay?: number;
     /**
+     * 툴팁의 최소 너비.<br/>
+     *
+     * @default 100
      */
     minWidth?: number;
     /**
+     * 툴팁의 최소 높이.<br/>
+     *
+     * @default 40
      */
     minHeight?: number;
     /**
      * true이면 툴팁 상자가 마우스 포인터를 따라 다닌다.
-     * <br>
+     * <br/>
      * false, true를 명시적으로 지정하지 않으면 시리즈 종류에 따라 자동 설정된다.
      * ex) pie 시리즈는 true, bar 시리즈는 false가 된다.
      *
      */
     followPointer?: boolean;
     /**
-     * 툴팁 텍스트 속 숫자 값이 NaN일 때 대신 표시되는 텍스트.
+     * 툴팁 텍스트 속 숫자 값이 NaN일 때 대신 표시되는 텍스트.<br/>
      *
+     * @default ''
      */
     nanText?: string;
     /**
-     * 툴팁에 표시될 숫자값의 기본 형식.\
+     * 툴팁에 표시될 숫자값의 기본 형식.<br/>
      * {@link text}예 표시 문자열을 지정할 때 `${yValue;;#,###.0}`와 같은 식으로 숫자 형식을 지정할 수 있다.
      *
+     * @default ',#.##'
      */
     numberFormat?: string;
     /**
-     * 툴팁에 표시될 날짜(시간)값의 기본 형식.\
+     * 툴팁에 표시될 날짜(시간)값의 기본 형식.<br/>
      * {@link text}예 표시 문자열을 지정할 때 `${x;;yyyy.MM}`와 같은 식으로 날짜(시간) 형식을 지정할 수 있다.
      *
+     * @default 'yyyy-MM-dd'
      */
     timeFormat?: string;
+    /**
+     * 툴팁 헤더의 높이.<br/>
+     * 0 이하의 값을 설정할 경우 표시되지 않는다.<br/>
+     *
+     * @default 7
+     */
+    headerHeight?: number;
+    /**
+     * 툴팁 꼬리 크기.<br/>
+     * 0 이하의 값을 설정할 경우 표시되지 않는다.<br/>
+     *
+     * @default 10
+     */
+    tailSize?: number;
+    /**
+     * 툴팁 모서리의 굴곡 설정.<br/>
+     *
+     * @default 5
+     */
+    borderRadius?: number;
+    /**
+     * true 이면 {@link headerHeight}, {@link tailSize}, {@link borderRadius}에 각각 0을 지정한 것과 같다.
+     *
+     * @default false
+     */
+    simpleMode?: boolean;
 }
 
 /**
@@ -5623,28 +5931,23 @@ type LegendLayout = typeof _LegendLayout[keyof typeof _LegendLayout];
  */
 declare const _LegendLocation: {
     /**
-     * 차트 본체 아래 표시한다.
-     *
+     * 차트 본체 아래 표시한다.<br/>
      */
     readonly BOTTOM: "bottom";
     /**
-     * 차트 타이틀 아래 표시한다.
-     *
+     * 차트 타이틀 아래 표시한다.<br/>
      */
     readonly TOP: "top";
     /**
-     * 차트 본체 오른쪽에 표시한다.
-     *
+     * 차트 본체 오른쪽에 표시한다.<br/>
      */
     readonly RIGHT: "right";
     /**
-     * 차트 본체 왼쪽에 표시한다.
-     *
+     * 차트 본체 왼쪽에 표시한다.<br/>
      */
     readonly LEFT: "left";
     /**
-     * 차트 본체 영역 내부에 표시한다.
-     *
+     * 차트 본체 영역 내부에 표시한다.<br/>
      */
     readonly BODY: "body";
 };
@@ -5677,7 +5980,7 @@ interface LegendOptions extends ChartItemOptions {
      */
     col?: number;
     /**
-     * @override
+     * @append
      *
      * 명시적 true로 지정하고 항목이 하나라도 존재하거나,
      * 명시적 false가 아닌 경우 항목이 둘 이상이면 표시된다.<br/>
@@ -5863,7 +6166,8 @@ interface PaneBodyOptions extends BodyOptions {
  */
 interface SplitOptions extends ChartItemOptions {
     /**
-     * @override
+     * @append
+     *
      * @default false
      */
     visible?: boolean;
@@ -6505,7 +6809,9 @@ interface ILegendSource {
     isEmpty?(): boolean;
     legendMarker(doc: Document, size: number): RcElement;
     legendColor(): string;
+    legendStroke(): string;
     legendLabel(): string;
+    legendKey(): any;
 }
 /**
  * @private
@@ -6541,6 +6847,8 @@ declare class Legend extends Widget<LegendOptions> {
     private _maxWidth;
     private _maxHeight;
     private _items;
+    private _visItems;
+    private _itemMap;
     private _maxWidthDim;
     private _maxHeightDim;
     _location: LegendLocation;
@@ -6549,6 +6857,7 @@ declare class Legend extends Widget<LegendOptions> {
     getMaxWidth(domain: number): number;
     getMaxHeight(domain: number): number;
     getMarkerSize(): number;
+    getSources(item: LegendItem): ILegendSource | ILegendSource[];
     protected _isVisible(): boolean;
     protected _doApply(options: LegendOptions): void;
     protected _doPrepareRender(chart: IChart): void;
@@ -6596,6 +6905,9 @@ declare class Tooltip extends ChartItem<TooltipOptions> {
     setTarget(series: ISeries, point: DataPoint, siblings: DataPoint[]): ITooltipContext;
     getTextDomain(): IRichTextDomain;
     isFollowPointer(series: ISeries): boolean;
+    getHeaderHeight(): number;
+    getTailSize(): number;
+    getBorderRadius(): number;
     protected _doSetSimple(src: any): boolean;
     protected _doApply(options: TooltipOptions): void;
 }
@@ -6658,7 +6970,7 @@ declare class CategoryAxis extends Axis<CategoryAxisOptions> {
     _tstep: number;
     get tick(): CategoryAxisTick;
     /**
-     * @override
+     * @append
      */
     get label(): CategoryAxisLabel;
     xValueAt(pos: number): number;
@@ -6900,6 +7212,7 @@ declare abstract class Series<OP extends SeriesOptions = SeriesOptions> extends
     _referents: Series[];
     _runColor: string;
     _calcedColor: string;
+    _calcedStroke: string;
     _simpleMode: boolean;
     _legended: any;
     private _legendMarker;
@@ -6974,9 +7287,13 @@ declare abstract class Series<OP extends SeriesOptions = SeriesOptions> extends
      */
     get visiblePoints(): DataPoint[];
     /**
-     * polar가 적용 가능한 시리즈 인지.
+     * polar가 적용 가능한 시리즈 인지 여부
      */
     get canPolar(): boolean;
+    /**
+     * widget 시리즈 인지 여부
+     */
+    get isWidget(): boolean;
     /**
      * 시리즈에 설정된 데이터포인트들 중 표시 중인 index번째 포인트 객체.<br/>
      *
@@ -7014,7 +7331,9 @@ declare abstract class Series<OP extends SeriesOptions = SeriesOptions> extends
     displayName(): string;
     legendMarker(doc: Document, size: number): RcElement;
     legendColor(): string;
+    legendStroke(): string;
     legendLabel(): string;
+    legendKey(): any;
     styleLegendMarker(marker: RcElement): void;
     canMixWith(other: IPlottingItem): boolean;
     /**
@@ -7263,12 +7582,17 @@ declare abstract class SeriesMarker<OP extends SeriesMarkerOptions = {}> extends
     protected _doSetSimple(src: any): boolean;
 }
 declare class WidgetSeriesPoint extends DataPoint implements ILegendSource {
+    _percent: number;
     _calcedColor: string;
+    _calcedStroke: string;
+    _legendKey: any;
     private _legendMarker;
     legendMarker(): RcElement;
     setLegendMarker(elt: RcElement): void;
     legendColor(): string;
+    legendStroke(): string;
     legendLabel(): string;
+    legendKey(): any;
     styleLegendMarker(marker: RcElement): void;
     isEmpty(): boolean;
     initPrev(axis: IAxis, prev: any): void;
@@ -7311,15 +7635,19 @@ declare abstract class WidgetSeries<OP extends WidgetSeriesOptions = WidgetSerie
     private _centerYDim;
     private _othersGroup;
     private _groupedPoints;
+    protected _sum: number;
     protected _doInit(op: OP): void;
     get othersGroup(): OthersGroup;
+    get isWidget(): boolean;
+    getSum(): number;
     getCenter(plotWidth: number, plotHeight: number): Point;
     protected _getLabelDefaultPos(labels: WidgetSeriesLabel, pos: PointLabelPosition): PointLabelPosition;
     needAxes(): boolean;
     _colorByPoint(): boolean;
     getLegendSources(list: ILegendSource[]): void;
     _isVisibleInLegend(p: WidgetSeriesPoint): boolean;
-    protected _doApply(options: OP): void;
+    protected _doApply(op: OP): void;
+    collectValues(axis: IAxis, vals: number[]): void;
     canMinPadding(axis: IAxis, min: number): boolean;
     canMaxPadding(axis: IAxis, max: number): boolean;
     protected _dataSourceChanged(): void;
@@ -8435,7 +8763,8 @@ interface AxisUnitLabelOptions extends AxisItemOptions {
  */
 interface AxisLineOptions extends AxisItemOptions {
     /**
-     * @override
+     * @append
+     *
      * 값이 undefined나 null이면, x축일 때 표시되고, y축이면 표시되지 않는다.
      *
      * @default undefined
@@ -8466,7 +8795,6 @@ interface AxisSectorLineOptions extends AxisLineOptions {
  */
 interface AxisTickOptions extends AxisItemOptions {
     /**
-     * @override
      * @default false
      */
     visible?: boolean;
@@ -8565,10 +8893,10 @@ interface ContinuousAxisTickOptions extends AxisTickOptions {
      */
     stepCount?: number;
     /**
-     * {@link stepPixels}가 적용 중일 때,
-     * 최대 표시 step 개수.<br/>
-     *
-     * @default 8
+     * {@link stepPixels}가 적용 중일 때, 최대 표시 step 개수.<br/>
+     * 값을 지정하지 않으면(undefined) 8 또는,
+     * 축 길이를 {@link stepPixels) 보다 10% 작은 값으로 나눈 개수(더하기 1) 중 큰 값으로 설정된다.
+     * 또, NaN이 되는 잘못된 값으로 설정하면 표시 개수가 제한되지 않는다.
      */
     maxCount?: number;
     /**
@@ -8579,7 +8907,7 @@ interface ContinuousAxisTickOptions extends AxisTickOptions {
      */
     steps?: (number | Date)[] | ((args: StepCallbackArgs) => (number | Date)[]);
     /**
-     * {@link steps}로 지정하는 경우, 설정된 범위 밖의 step들은 무시한다.<br/>
+     * {@page steps}로 지정하는 경우, 설정된 범위 밖의 step들은 무시한다.<br/>
      */
     clipSteps?: boolean;
     /**
@@ -9005,7 +9333,8 @@ interface AxisRangeGuideOptions extends AxisGuideOptions {
  */
 interface AxisGridOptions extends AxisItemOptions {
     /**
-     * @override
+     * @append
+     *
      * polar 차트인 경우 명시적 false로 지정하지 않으면 true로 해석되고,
      * polar가 아닌 경우 undefined나 null로 지정한 경우 y축 그리드이면 true로 해석되고,
      * x축인 경우 명시적 true로 지정할 때만 표시된다.
@@ -9109,7 +9438,8 @@ interface CrosshairCallbackArgs {
  */
 interface CrosshairOptions extends ChartItemOptions {
     /**
-     * @override
+     * @append
+     *
      * @default false
      */
     visible?: boolean;
@@ -9215,18 +9545,19 @@ type AxisPosition = typeof _AxisPosition[keyof typeof _AxisPosition];
  */
 interface AxisScrollBarOptions extends AxisItemOptions {
     /**
-     * @override
+     * @append
+     *
      * @default false
      */
     visible?: boolean;
     /**
-     * 스크롤바 두께.
+     * 스크롤바 두께.<br/>
      *
      * @default 10 픽셀
      */
     thickness?: number;
     /**
-     * 최소 thumb 길이.
+     * 최소 thumb 길이.<br/>
      *
      * @default 32 픽셀
      */
@@ -9409,7 +9740,6 @@ interface AxisOptions extends ChartItemOptions {
      */
     unit?: string;
     /**
-     * @private
      * 축에 포함된 시리즈들 툴팁의 위쪽에 표시되는 텍스트 템플릿.<br/>
      *
      * tooltipHeader
@@ -9423,14 +9753,12 @@ interface AxisOptions extends ChartItemOptions {
      */
     tooltipHeader?: string;
     /**
-     * @private
      * 축에 포함된 각 시리즈별 표시되는 포인트 툴팁 텍스트 템플릿.<br/>
      *
      * @default '${series}:<b> ${yValue}</b>'
      */
     tooltipRow?: string;
     /**
-     * @private
      * 축에 포함된 시리즈들 툴팁의 아래쪽에 표시되는 텍스트 템플릿.<br/>
      *
      */
@@ -9537,11 +9865,11 @@ interface CategoryAxisOptions extends AxisOptions {
     /** @dummy */
     type?: typeof CategoryAxisType;
     /**
-     * @override
+     * @append
      */
     tick?: CategoryAxisTickOptions | boolean;
     /**
-     * @override
+     * @append
      */
     label?: CategoryAxisLabelOptions | boolean;
     /**
@@ -9692,7 +10020,7 @@ type AxisFit = typeof _AxisFit[keyof typeof _AxisFit];
  */
 interface ContinuousAxisLabelOptions extends AxisLabelOptions {
     /**
-     * @override
+     * @append
      *
      * label에 표시될 숫자 값의 표시 형식.<br/>
      * 기본 설정이 최대 소숫점 두자리 까지 표시하는 것이므로 더 자세한 표시가 필요한 경우 재설정해야 한다.
@@ -9714,9 +10042,8 @@ interface ContinuousAxisOptions extends AxisOptions {
      */
     baseLine?: AxisBaseLineOptions;
     /**
-     * @override
+     * @append
      *
-     * 명시적으로 지정하는 최소값.<br/>
      * 축에 연결된 data point들의 값으로 계산된 최소값보다 이 속성 값이 작으면 대신 이 값이 축의 최소값이 된다.
      * padding이 적용되므로 이 값에 정확이 맞추고 싶은 경우 {@link minPadding}을 0으로 설정한다.
      * 계산 최소값이 더 작으면 이 속성은 무시된다.<br/>
@@ -9724,9 +10051,8 @@ interface ContinuousAxisOptions extends AxisOptions {
      */
     minValue?: number;
     /**
-     * @override
+     * @append
      *
-     * 명시적으로 지정하는 최대값.<br/>
      * 축에 연결된 data point들의 값으로 계산된 최대값보다 이 속성 값이 크면 대신 이 값이 축의 최대값이 된다.
      * padding이 적용되므로 이 값에 정확이 맞추고 싶은 경우 {@link maxPadding}을 0으로 설정한다.
      * 계산 최대값이 더 크면 이 속성은 무시된다.\
@@ -9761,6 +10087,7 @@ interface ContinuousAxisOptions extends AxisOptions {
     padding?: number | [number, number][] | string;
     /**
      * 첫번째 tick 앞쪽에 추가되는 최소 여백을 전체 값 범위에 대한 비율로 지정한다.<br/>
+     * 또는 'px'로 끝나는 문자열인 경우, 해당 픽셀 정도의 여백이 생길 수 있도록 조정된다.<br/>
      * 이 값을 지정하지 않으면 {@link padding}에 지정된 값을 따른다.
      * {@link startFit}이 {@link AxitFit.TICK TICK}일 때,
      * data point의 최소값과 첫번째 tick 사이에 이미 그 이상의 간격이 존재한다면 이 속성은 무시된다.
@@ -9770,6 +10097,7 @@ interface ContinuousAxisOptions extends AxisOptions {
     minPadding?: number | [number, number][] | string;
     /**
      * 마지막 tick 뒤쪽에 추가되는 최소 여백을 전체 값 범위에 대한 비율로 지정한다.<br/>
+     * 또는 'px'로 끝나는 문자열인 경우, 해당 픽셀 정도의 여백이 생길 수 있도록 조정된다.<br/>
      * 이 값을 지정하지 않으면 {@link padding}에 지정된 값을 따른다.
      * {@link endFit}이 {@link endFit tick}일 때,
      * data point의 최대값과 마지막 tick 사이에 이미 그 이상의 간격이 존재한다면 이 속성은 무시된다.
@@ -9808,15 +10136,15 @@ interface ContinuousAxisOptions extends AxisOptions {
      */
     endFit?: AxisFit;
     /**
-     * @override
+     * @append
      */
     tick?: ContinuousAxisTickOptions | boolean;
     /**
-     * @override
+     * @append
      */
     grid?: ContinuousAxisGridOptions | boolean;
     /**
-     * @override
+     * @append
      */
     break?: AxisBreakOptions;
 }
@@ -9842,11 +10170,10 @@ declare const LinearAxisType = "linear";
  * 
  */
 interface LinearAxisOptions extends ContinuousAxisOptions {
-    /**
-     */
+    /** @dummy */
     type?: typeof LinearAxisType;
     /**
-     * @override
+     * @append
      */
     label?: LinearAxisLabelOptions | boolean;
 }
@@ -9857,18 +10184,18 @@ interface LinearAxisOptions extends ContinuousAxisOptions {
  */
 interface LogAxisTickOptions extends ContinuousAxisTickOptions {
     /**
-     * @append
-     *
      * 로그를 적용한 값으로 설정한다.
      */
     baseValue?: number;
     /**
      * @append
+     *
      * 로그를 적용한 값으로 설정한다. // #141
      */
     stepInterval?: number;
     /**
      * @append
+     *
      * 로그를 적용한 값으로 설정한다.
      */
     steps?: (number | Date)[] | ((args: StepCallbackArgs) => (number | Date)[]);
@@ -9888,11 +10215,10 @@ declare const LogAxisType = "log";
  * 
  */
 interface LogAxisOptions extends ContinuousAxisOptions {
-    /**
-     */
+    /** @dummy */
     type?: typeof LogAxisType;
     /**
-     * @override
+     * @append
      */
     tick?: LogAxisTickOptions | boolean;
     /**
@@ -9939,7 +10265,7 @@ interface TimeAxisTickOptions extends ContinuousAxisTickOptions {
      */
     stepInterval?: number;
     /**
-     * @override
+     * @append
      */
     label?: TimeAxisLabelOptions | boolean;
 }
@@ -9951,20 +10277,20 @@ declare const TimeAxisType = "time";
  * 
  */
 interface TimeAxisOptions extends ContinuousAxisOptions {
-    /**
-     */
+    /** @dummy */
     type?: typeof TimeAxisType;
     /**
-     * @override
+     * @append
      */
     label?: TimeAxisLabelOptions | boolean;
     /**
-     * @override
+     * @append
+     *
      * @default NaN
      */
     baseValue?: number;
     /**
-     * @override
+     * @append
      */
     tick?: TimeAxisTickOptions | boolean;
 }
@@ -10278,7 +10604,8 @@ interface BulletGaugeBandOptions extends ChartItemOptions {
  */
 interface BulletTargetBarOptions extends ChartItemOptions {
     /**
-     * @override
+     * @append
+     *
      * @default true
      */
     visible: boolean;
@@ -10569,7 +10896,8 @@ interface CircularGaugeGroupOptions extends GaugeGroupOptions<CircleGaugeOptions
  */
 interface GaugeRangeLabelOptions extends ChartItemOptions {
     /**
-     * @override
+     * @append
+     *
      * @default false
      */
     visible?: boolean;
@@ -10580,7 +10908,8 @@ interface GaugeRangeLabelOptions extends ChartItemOptions {
  */
 interface GaugeRangeBandOptions extends ChartItemOptions {
     /**
-     * @override
+     * @append
+     *
      * @default false
      */
     visible?: boolean;
@@ -10697,11 +11026,13 @@ interface GaugeScaleOptions extends ChartItemOptions {
  */
 interface CircleGaugeScaleOptions extends GaugeScaleOptions {
     /**
-     * @override
+     * @append
+     *
      * @default false
      */
     /**
-     * @override
+     * @append
+     *
      * @default 72
      */
     stepPixels: number;
@@ -10760,7 +11091,8 @@ interface CircleGaugeValueRimOptions extends CircleGaugeRimBaseOptions {
  */
 interface CircleGaugeValueMarkerOptions extends ChartItemOptions {
     /**
-     * @override
+     * @append
+     *
      * @default false
      */
     visible?: boolean;
@@ -10769,7 +11101,8 @@ interface CircleGaugeValueMarkerOptions extends ChartItemOptions {
  */
 interface CircleGaugeHandOptions extends ChartItemOptions {
     /**
-     * @override
+     * @append
+     *
      * @default false
      */
     visible?: boolean;
@@ -10799,7 +11132,8 @@ interface CircleGaugeHandOptions extends ChartItemOptions {
  */
 interface CircleGaugePinOptions extends ChartItemOptions {
     /**
-     * @override
+     * @append
+     *
      * @default false
      */
     visible?: boolean;
@@ -10864,11 +11198,11 @@ declare const CircleGaugeGroupType = "circlegroup";
  * @modules gauge
  */
 interface CircleGaugeGroupOptions extends CircularGaugeGroupOptions {
-    /**
-     */
+    /** @dummy */
     type?: typeof CircleGaugeGroupType;
     /**
-     * @override
+     * @append
+     *
      * @default '50%'
      */
     innerRadius?: PercentSize;
@@ -11894,6 +12228,7 @@ interface IChart {
     _isDataChanged(): boolean;
     getAxisOf(annotation: Annotation, isX: boolean): IAxis;
     isValidAxis(axis: IAxis): boolean;
+    getPaletteColors(palette: string): string[];
 }
 /**
  * 차트 제작 주체 등을 표시하는 영역에 대한 모델.<br/>
@@ -11977,6 +12312,7 @@ declare class ChartObject extends EventProvider<IChartEventListener> implements
     _exporter: Exporter;
     _width: number;
     _height: number;
+    private _palColors;
     private _params;
     private _inverted;
     private _splitted;
@@ -12089,6 +12425,7 @@ declare class ChartObject extends EventProvider<IChartEventListener> implements
     addSeries(source: any, animate: boolean): Series;
     removeSeries(series: string | Series, animate: boolean): Series;
     render(): void;
+    getPaletteColors(palette: string): string[];
     private $_loadTemplates;
     _getGroupType(type: string): any;
     _getSeriesType(type: string): any;
@@ -12832,7 +13169,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;
+    getMaxCount(len: number, stepPixels: number): number;
     canUseNumSymbols(): boolean;
     protected _doApply(op: OP): void;
     private $_getStepPixels;
@@ -12919,6 +13256,7 @@ declare abstract class ContinuousAxis<OP extends ContinuousAxisOptions = Continu
     _calcedMax: number;
     _fixedMin: number;
     _fixedMax: number;
+    private _prevSteps;
     /** y축으로 사용될 때만 적용한다. */
     private _breaks;
     private _mergedBreaks;
@@ -12930,8 +13268,6 @@ declare abstract class ContinuousAxis<OP extends ContinuousAxisOptions = Continu
     /**
      * base value 위치에 표시되는 선분 설정 모델.<br/>
      * 기본적으로 표시되지 않는다.
-     *
-     * 
      */
     get baseLine(): AxisBaseLine;
     /**
@@ -12939,13 +13275,11 @@ declare abstract class ContinuousAxis<OP extends ContinuousAxisOptions = Continu
      */
     get break(): AxisBreak;
     /**
-     * @override
-     * 
+     * @append
      */
     get tick(): ContinuousAxisTick;
     /**
-     * @override
-     * 
+     * @append
      */
     get grid(): ContinuousAxisGrid;
     getBaseValue(): number;
@@ -12960,8 +13294,6 @@ declare abstract class ContinuousAxis<OP extends ContinuousAxisOptions = Continu
     protected _createTickModel(): ContinuousAxisTick;
     protected abstract _createLabel(): ContinuousAxisLabel;
     protected _doPrepareRender(): void;
-    private _calcedSteps;
-    private _prevSteps;
     private $_trim;
     private $_trimSteps;
     protected _doBuildTicks(calcedMin: number, calcedMax: number, length: number, phase: number): IAxisTick[];
@@ -13005,8 +13337,7 @@ declare abstract class ContinuousAxis<OP extends ContinuousAxisOptions = Continu
 declare class LinearAxis extends ContinuousAxis<LinearAxisOptions> {
     static type: string;
     /**
-     * @override
-     * 
+     * @append
      */
     get label(): LinearAxisLabel;
     protected _createLabel(): ContinuousAxisLabel;
@@ -13255,6 +13586,7 @@ declare abstract class SeriesView<T extends Series = Series> extends ContentView
     static readonly DATA_UNHOVER = "unhover";
     static readonly LEGEND_MARKER = "rct-legend-item-marker";
     static register(...clses: [typeof Series<SeriesOptions>, typeof SeriesView<Series>][]): void;
+    static isPointDom(dom: any): dom is Element;
     _simpleMode: boolean;
     protected _pointContainer: PointContainer;
     _labelContainer: PointLabelContainer;
@@ -13282,8 +13614,8 @@ declare abstract class SeriesView<T extends Series = Series> extends ContentView
     protected _doViewRateChanged(rate: number): void;
     protected _doPosRateChanged(rate: number): void;
     protected _doPrevRateChanged(rate: number): void;
-    _animationStarted(ani: Animation): void;
-    _animationFinished(ani: Animation): void;
+    _animationStarted(ani: any): void;
+    _animationFinished(ani: any): void;
     protected abstract _getPointPool(): ElementPool<RcElement>;
     pointByDom(elt: Element): IPointView;
     getPointView(p: DataPoint): RcElement;
@@ -13361,21 +13693,27 @@ declare abstract class BoxPointElement extends PointElement {
     xSave: number;
     savePrevs(): void;
 }
-declare class BarElement extends BoxPointElement {
-    layout(x: number, y: number, rTop: number, rBottom: number, base: number, side: number, inverted: boolean): void;
-}
-declare class Bar3DElement extends RcElement implements IPointView {
+declare abstract class PointElementEx extends RcElement implements IPointView {
     point: DataPoint;
+    constructor(doc: Document);
+    savePrevs(): void;
+}
+declare abstract class BoxPointElementEx extends PointElementEx {
     wPoint: number;
     hPoint: number;
     wSave: number;
     xSave: number;
+    savePrevs(): void;
+}
+declare class BarElement extends BoxPointElement {
+    layout(x: number, y: number, rTop: number, rBottom: number, base: number, side: number, inverted: boolean): void;
+}
+declare class Bar3DElement extends BoxPointElementEx {
     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;
@@ -13392,6 +13730,10 @@ declare abstract class ClusterableSeriesView<T extends Series = Series> extends
 declare abstract class BasedSeriesView<T extends BasedSeries> extends ClusterableSeriesView<T> {
     private _labelLineContainer;
     protected _pointOff: number;
+    protected _reversed: boolean;
+    protected _yLen: number;
+    protected _baseVal: number;
+    protected _yBase: number;
     protected _depthAngle: number;
     protected _base: number;
     protected _side: number;
@@ -13399,6 +13741,7 @@ declare abstract class BasedSeriesView<T extends BasedSeries> extends Clusterabl
     depthEnabled(): boolean;
     protected _prepareSeries(doc: Document, model: T, polar: boolean, depth: BodyDepth): void;
     protected _doPrevRateChanged(rate: number): void;
+    protected _prepareLayoutPoints(width: number, height: number): void;
     protected _layoutPoints(width: number, height: number): void;
     protected _layoutLabel(model: DataPointLabel, info: LabelLayoutInfo, w: number, h: number): void;
 }
@@ -13882,7 +14225,7 @@ declare class TimeAxis extends ContinuousAxis<TimeAxisOptions> {
     static defaults: TimeAxisOptions;
     _offset: number;
     /**
-     * @override
+     * @append
      */
     get label(): TimeAxisLabel;
     protected _createTickModel(): TimeAxisTick;
@@ -14172,7 +14515,7 @@ declare class BarSeriesPoint extends DataPoint {
      * 원래 차지할 너비에 대한 상대값. 1이면 원래대로 표시된다.
      */
     width?: number;
-    protected _readObject(series: BarSeries, v: any): void;
+    protected _readObject(series: BarSeriesBase, v: any): void;
 }
 /**
  * Bar 시리즈 계열의 기반(base) 모델.<br/>
@@ -14802,6 +15145,26 @@ declare class Color {
     private $_parseNumber;
 }
 
+/**
+ * @private
+ *
+ * Utilities for HTML element.
+ */
+declare class Dom {
+    static clearChildren(parent: Element): void;
+    static remove(elt: Node): null;
+    static htmlEncode(text: string): string;
+    static setAttrs(dom: Element, attrs: object): void;
+    static setImportantStyle(css: CSSStyleDeclaration, property: string, value: string): void;
+    static getPadding(dom: HTMLElement | SVGElement): ISides;
+    static hasFill(path: Element): boolean;
+    static setVisible(dom: HTMLElement | SVGElement, visible: boolean, style?: string): boolean;
+    static setClipPath(dom: Element, clip: string | SVGClipPathElement): void;
+    static createClipRect(doc: Document, id: string): SVGClipPathElement;
+    static setRect(dom: Element, r: IRect): Element;
+    static setBounds(dom: Element, x: number, y: number, width: number, height: number): Element;
+}
+
 declare abstract class BarSeriesViewBase<T extends BarSeriesBase> extends BasedSeriesView<T> {
     private _deep;
     private _bars;
@@ -14816,6 +15179,9 @@ declare abstract class BarSeriesViewBase<T extends BarSeriesBase> extends BasedS
     private $_parepareSectors;
     private $_layoutSectors;
 }
+/**
+ * @private
+ */
 declare class BarSeriesView<T extends BarSeries = BarSeries> extends BarSeriesViewBase<T> {
     protected _rdTop: number;
     protected _rdBottom: number;
@@ -14896,15 +15262,16 @@ declare abstract class LineSeriesBaseView<T extends LineSeriesBase = LineSeriesB
 }
 
 declare abstract class SeriesAnimation {
-    static reveal(series: SeriesView<Series>, options?: IRevealAnimation): void;
-    static grow(series: SeriesView<Series>, endHandler?: RcAnimationEndHandler): void;
-    static spread(series: SeriesView<Series>, endHandler?: RcAnimationEndHandler): void;
+    static reveal(series: SeriesView, options: IRevealAnimation): void;
+    static grow(series: SeriesView, endHandler?: RcAnimationEndHandler): void;
+    static spread(series: SeriesView, endHandler?: RcAnimationEndHandler): void;
     static fadeIn(series: SeriesView<Series>): void;
-    constructor(sv: SeriesView<Series>, options?: any);
-    protected abstract _createAnimation(series: SeriesView<Series>, options?: any): Animation | RcAnimation;
+    constructor(sv: SeriesView, options?: any);
+    protected abstract _createAnimation(series: SeriesView, options?: any): Animation | RcAnimation;
 }
 interface IRevealAnimation {
     from: 'left' | 'right' | 'top' | 'bottom';
+    view?: RcElement;
 }
 
 interface ILine {
@@ -14995,6 +15362,7 @@ declare class ArcElement extends PathElement {
     setArc(cx: number, cy: number, rd: number, start: number, angle: number, clockwise: boolean): void;
 }
 
+declare const SVGNS = "http://www.w3.org/2000/svg";
 declare const isObject: (v: any) => boolean;
 /** @private */
 declare const isArray: (arg: any) => arg is any[];
@@ -15173,4 +15541,4 @@ declare const createChart: typeof Globals.createChart;
 declare const createData: typeof Globals.createData;
 declare const setLicenseKey: typeof Globals.setLicenseKey;
 
-export { Align, Annotation, AnnotationAnimationOptions, AnnotationOptions, AnnotationOptionsType, ArcElement, AreaRangeSeries, AreaRangeSeriesOptions, AreaSeries, AreaSeriesGroup, AreaSeriesGroupOptions, AreaSeriesOptions, ArrowHead, AssetCollection, AssetItemOptions, AssetOptionsType, Axis, AxisBaseLine, AxisBaseLineOptions, AxisBreakOptions, AxisCollection, AxisGrid, AxisGridOptions, AxisGridRowsOptions, AxisGuideLabelOptions, AxisGuideOptions, AxisItem, AxisItemOptions, AxisLabel, AxisLabelArgs, AxisLabelOptions, AxisLine, AxisLineGuideOptions, AxisLineOptions, AxisOptions, AxisOptionsType, AxisRangeGuideOptions, AxisScrollBar, AxisScrollBarOptions, AxisScrollView, AxisSectorLine, AxisSectorLineOptions, AxisTick, AxisTickOptions, AxisTitle, AxisTitleOptions, AxisView, BackgroundImageOptions, BarRangeSeries, BarRangeSeriesOptions, BarSeries, BarSeriesBase, BarSeriesBaseOptions, BarSeriesGroup, BarSeriesGroupBase, BarSeriesGroupBaseOptions, BarSeriesGroupOptions, BarSeriesOptions, BarSeriesPoint, BarSeriesView, BasedSeries, BasedSeriesOptions, BellCurveSeries, BellCurveSeriesOptions, Body, BodyOptions, BodyView, BoxPlotSeries, BoxPlotSeriesOptions, BubbleSeries, BubbleSeriesOptions, BulletGaugeBandOptions, BulletGaugeGroupOptions, BulletGaugeGroupType, BulletGaugeOptions, BulletGaugeType, BulletTargetBarOptions, BulletValueBarOptions, BumpSeriesGroup, BumpSeriesGroupOptions, CandlestickSeries, CandlestickSeriesOptions, CategoryAxis, CategoryAxisGrid, CategoryAxisLabel, CategoryAxisOptions, CategoryAxisTick, CategoryAxisTickOptions, Chart, ChartConfiguration, ChartControl, ChartData, ChartDataCollection, ChartDataOptions, ChartElement, ChartItem, ChartItemOptions, ChartObject, ChartOptions, ChartOptionsOptions, ChartPoint, ChartText, ChartTextOptions, ChartView, CircelBarPointLabel, CircleBarPointLabelOptions, CircleBarSeries, CircleBarSeriesGroup, CircleBarSeriesGroupOptions, CircleBarSeriesOptions, CircleElement, CircleGaugeGroupOptions, CircleGaugeGroupType, CircleGaugeHandOptions, CircleGaugeOptions, CircleGaugePinOptions, CircleGaugeRimBaseOptions, CircleGaugeRimOptions, CircleGaugeScaleOptions, CircleGaugeType, CircleGaugeValueMarkerOptions, CircleGaugeValueRimOptions, CircularGauge, CircularGaugeGroup, CircularGaugeGroupOptions, CircularGaugeLabel, CircularGaugeLabelOptions, CircularGaugeOptions, ClockGaugeHandOptions, ClockGaugeLabelOptions, ClockGaugeOptions, ClockGaugePinOptions, ClockGaugeRimOptions, ClockGaugeSecondHandOptions, ClockGaugeTickLabelOptions, ClockGaugeTickOptions, ClockGaugeType, ClusterableSeries, ClusterableSeriesGroup, ClusterableSeriesGroupOptions, ClusterableSeriesOptions, Color, ColorListOptions, ConnectableSeries, ConnectableSeriesOptions, ConstraintSeriesGroup, ContentView, ContinuousAxis, ContinuousAxisGridOptions, ContinuousAxisLabelOptions, ContinuousAxisOptions, ContinuousAxisTickOptions, Credits, CreditsOptions, Crosshair, CrosshairCallbackArgs, CrosshairFlagOptions, CrosshairOptions, DataPoint, DataPointCallbackArgs, DataPointCollection, DataPointLabel, DataPointLabelOptions, DumbbellSeries, DumbbellSeriesMarkerOptions, DumbbellSeriesOptions, ElementPool, EmptyViewOptions, EqualizerSeries, EqualizerSeriesOptions, ErrorBarSeries, ErrorBarSeriesOptions, ExportOptions, Exporter, ExporterOptions, FunnelSeries, FunnelSeriesLabelOptions, FunnelSeriesOptions, Gauge, GaugeBase, GaugeBaseOptions, GaugeGroup, GaugeGroupOptions, GaugeGroupView, GaugeItem, GaugeLabel, GaugeLabelOptions, GaugeOptions, GaugeOptionsType, GaugeRangeBand, GaugeRangeBandOptions, GaugeRangeLabel, GaugeRangeLabelOptions, GaugeScale, GaugeScaleLabelOptions, GaugeScaleOptions, GaugeScaleTickOptions, GaugeView, GradientOptions, HeatmapSeriesOptions, HeatmapSeriesType, HistogramSeries, HistogramSeriesOptions, IAxis, IAxisTick, IChart, ICircularGaugeExtents, IMinMax, IPercentSize, IPlottingItem, IPlottingOwner, IPointView, IRect, ISeries, ISplit, IconedText, IconedTextOptions, ImageAnnotation, ImageAnnotationOptions, ImageListOptions, ImageOptions, LayerElement, Legend, LegendOptions, LineElement, LinePointLabel, LinePointLabelOptions, LineSeries, LineSeriesBase, LineSeriesBaseOptions, LineSeriesBaseView, LineSeriesFlagOptions, LineSeriesGroup, LineSeriesGroupOptions, LineSeriesMarkerOptions, LineSeriesOptions, LineSeriesPoint, LinearAxis, LinearAxisLabelOptions, LinearAxisOptions, LinearGaugeBaseOptions, LinearGaugeChildLabelOptions, LinearGaugeGroupBaseOptions, LinearGaugeGroupLabelOptions, LinearGaugeGroupOptions, LinearGaugeGroupType, LinearGaugeLabelOptions, LinearGaugeOptions, LinearGaugeScaleOptions, LinearGaugeType, LinearGradientOptions, LinearValueBarOptions, LoadCallbackArgs, LogAxis, LogAxisOptions, LogAxisTickOptions, LollipopSeries, LollipopSeriesMarkerOptions, LollipopSeriesOptions, LowRangedSeries, LowRangedSeriesOptions, MarkerSeries, MarkerSeriesOptions, MarkerSeriesPointView, MarkerSeriesView, NavigatorMask, NavigiatorHandle, NavigiatorHandleOptions, NavigiatorMaskOptions, ORG_ANGLE, OhlcSeries, OhlcSeriesOptions, OthersGroup, OthersGroupOptions, PI_2, PaneBodyOptions, PaneContainer, PaneOptions, ParetoSeries, ParetoSeriesOptions, PathBuilder, PathElement, PatternOptions, PercentSize, PieSeries, PieSeriesGroup, PieSeriesGroupOptions, PieSeriesLabel, PieSeriesLabelOptions, PieSeriesOptions, PieSeriesText, PieSeriesTextOptions, Point, PointElement, PointHovering, PointHoveringOptions, PointLabelView, RAD_DEG, RaceBarSeriesOptions, RaceBarSeriesType, RaceCallbackArgs, RaceLineSeriesOptions, RaceLineSeriesType, RadialGradientOptions, RadialSeries, RadialSeriesOptions, RangedSeries, RangedSeriesOptions, RcAnimation, RcControl, RcElement, RcObject, RectElement, SVGStyleOrClass, SVGStyles, ScaleView, ScatterSeries, ScatterSeriesOptions, SectionView, SectorElement, Series, SeriesAnimation, SeriesGroup, SeriesGroupOptions, SeriesMarker, SeriesMarkerOptions, SeriesNavigator, SeriesNavigatorOptions, SeriesOptions, SeriesOptionsType, SeriesView, Shape, ShapeAnnotation, ShapeAnnotationOptions, Size, SplineSeries, SplineSeriesOptions, SplitOptions, StepCallbackArgs, Subtitle, SubtitleOptions, TextAnchor, TextAnnotation, TextAnnotationOptions, TextElement, TextLayout, TimeAxis, TimeAxisLabelOptions, TimeAxisOptions, TimeAxisTickOptions, Title, TitleOptions, Tooltip, TooltipOptions, TreeGroupHeadOptions, TreemapSeriesOptions, TreemapSeriesType, Trendline, TrendlineOptions, Utils, ValueGauge, ValueGaugeOptions, ValueGaugeView, ValueRange, ValueRangeList, VectorSeriesOptions, VectorSeriesType, WaterfallSeries, WaterfallSeriesOptions, Widget, WidgetSeries, WidgetSeriesOptions, WidgetSeriesPoint, WidgetSeriesView, WordCloudSeriesOptions, WordCloudSeriesType, ZValuePoint, ZoomButtonOptions, ZoomCallbackArgs, absv, assignObj, buildValueRanges, calcPercent, configure, copyObj, cos, createChart, createData, createRect, extend, fixnum, getVersion, incv, isArray, isEmptyRect, isNumber, isObject, isString, maxv, minv, parsePercentSize, pickNum, pickProp, pickProp3, pixel, rectToSize, setAnimatable, setDebugging, setLicenseKey, setLogging, sin, toStr };
+export { Align, Annotation, AnnotationAnimationOptions, AnnotationOptions, AnnotationOptionsType, ArcElement, AreaRangeSeries, AreaRangeSeriesOptions, AreaSeries, AreaSeriesGroup, AreaSeriesGroupOptions, AreaSeriesOptions, ArrowHead, AssetCollection, AssetItemOptions, AssetOptionsType, Axis, AxisBaseLine, AxisBaseLineOptions, AxisBreakOptions, AxisCollection, AxisGrid, AxisGridOptions, AxisGridRowsOptions, AxisGuideLabelOptions, AxisGuideOptions, AxisItem, AxisItemOptions, AxisLabel, AxisLabelArgs, AxisLabelOptions, AxisLine, AxisLineGuideOptions, AxisLineOptions, AxisOptions, AxisOptionsType, AxisRangeGuideOptions, AxisScrollBar, AxisScrollBarOptions, AxisScrollView, AxisSectorLine, AxisSectorLineOptions, AxisTick, AxisTickOptions, AxisTitle, AxisTitleOptions, AxisView, BackgroundImageOptions, BarRangeSeries, BarRangeSeriesOptions, BarSeries, BarSeriesBase, BarSeriesBaseOptions, BarSeriesGroup, BarSeriesGroupBase, BarSeriesGroupBaseOptions, BarSeriesGroupOptions, BarSeriesOptions, BarSeriesPoint, BarSeriesView, BarSeriesViewBase, BasedSeries, BasedSeriesOptions, BasedSeriesView, BellCurveSeries, BellCurveSeriesOptions, Body, BodyDepth, BodyOptions, BodyView, BoxPlotSeries, BoxPlotSeriesOptions, BoxPointElementEx, BubbleSeries, BubbleSeriesOptions, BulletGaugeBandOptions, BulletGaugeGroupOptions, BulletGaugeGroupType, BulletGaugeOptions, BulletGaugeType, BulletTargetBarOptions, BulletValueBarOptions, BumpSeriesGroup, BumpSeriesGroupOptions, CandlestickSeries, CandlestickSeriesOptions, CategoryAxis, CategoryAxisGrid, CategoryAxisLabel, CategoryAxisOptions, CategoryAxisTick, CategoryAxisTickOptions, Chart, ChartConfiguration, ChartControl, ChartData, ChartDataCollection, ChartDataOptions, ChartElement, ChartItem, ChartItemOptions, ChartObject, ChartOptions, ChartOptionsOptions, ChartPoint, ChartText, ChartTextOptions, ChartView, CircelBarPointLabel, CircleBarPointLabelOptions, CircleBarSeries, CircleBarSeriesGroup, CircleBarSeriesGroupOptions, CircleBarSeriesOptions, CircleElement, CircleGaugeGroupOptions, CircleGaugeGroupType, CircleGaugeHandOptions, CircleGaugeOptions, CircleGaugePinOptions, CircleGaugeRimBaseOptions, CircleGaugeRimOptions, CircleGaugeScaleOptions, CircleGaugeType, CircleGaugeValueMarkerOptions, CircleGaugeValueRimOptions, CircularGauge, CircularGaugeGroup, CircularGaugeGroupOptions, CircularGaugeLabel, CircularGaugeLabelOptions, CircularGaugeOptions, ClockGaugeHandOptions, ClockGaugeLabelOptions, ClockGaugeOptions, ClockGaugePinOptions, ClockGaugeRimOptions, ClockGaugeSecondHandOptions, ClockGaugeTickLabelOptions, ClockGaugeTickOptions, ClockGaugeType, ClusterableSeries, ClusterableSeriesGroup, ClusterableSeriesGroupOptions, ClusterableSeriesOptions, Color, ColorListOptions, ConnectableSeries, ConnectableSeriesOptions, ConstraintSeriesGroup, ContentView, ContinuousAxis, ContinuousAxisGridOptions, ContinuousAxisLabelOptions, ContinuousAxisOptions, ContinuousAxisTickOptions, Credits, CreditsOptions, Crosshair, CrosshairCallbackArgs, CrosshairFlagOptions, CrosshairOptions, DataPoint, DataPointCallbackArgs, DataPointCollection, DataPointLabel, DataPointLabelOptions, Dom, DumbbellSeries, DumbbellSeriesMarkerOptions, DumbbellSeriesOptions, ElementPool, EmptyViewOptions, EqualizerSeries, EqualizerSeriesOptions, ErrorBarSeries, ErrorBarSeriesOptions, ExportOptions, Exporter, ExporterOptions, FunnelSeries, FunnelSeriesLabelOptions, FunnelSeriesOptions, Gauge, GaugeBase, GaugeBaseOptions, GaugeGroup, GaugeGroupOptions, GaugeGroupView, GaugeItem, GaugeLabel, GaugeLabelOptions, GaugeOptions, GaugeOptionsType, GaugeRangeBand, GaugeRangeBandOptions, GaugeRangeLabel, GaugeRangeLabelOptions, GaugeScale, GaugeScaleLabelOptions, GaugeScaleOptions, GaugeScaleTickOptions, GaugeView, GradientOptions, HeatmapSeriesOptions, HeatmapSeriesType, HistogramSeries, HistogramSeriesOptions, IAxis, IAxisTick, IChart, ICircularGaugeExtents, IMinMax, IPercentSize, IPlottingItem, IPlottingOwner, IPointView, IRect, ISeries, ISplit, IconedText, IconedTextOptions, ImageAnnotation, ImageAnnotationOptions, ImageElement, ImageListOptions, ImageOptions, LayerElement, Legend, LegendOptions, LineElement, LinePointLabel, LinePointLabelOptions, LineSeries, LineSeriesBase, LineSeriesBaseOptions, LineSeriesBaseView, LineSeriesFlagOptions, LineSeriesGroup, LineSeriesGroupOptions, LineSeriesMarkerOptions, LineSeriesOptions, LineSeriesPoint, LinearAxis, LinearAxisLabelOptions, LinearAxisOptions, LinearGaugeBaseOptions, LinearGaugeChildLabelOptions, LinearGaugeGroupBaseOptions, LinearGaugeGroupLabelOptions, LinearGaugeGroupOptions, LinearGaugeGroupType, LinearGaugeLabelOptions, LinearGaugeOptions, LinearGaugeScaleOptions, LinearGaugeType, LinearGradientOptions, LinearValueBarOptions, LoadCallbackArgs, LogAxis, LogAxisOptions, LogAxisTickOptions, LollipopSeries, LollipopSeriesMarkerOptions, LollipopSeriesOptions, LowRangedSeries, LowRangedSeriesOptions, MarkerSeries, MarkerSeriesOptions, MarkerSeriesPointView, MarkerSeriesView, NavigatorMask, NavigiatorHandle, NavigiatorHandleOptions, NavigiatorMaskOptions, ORG_ANGLE, OhlcSeries, OhlcSeriesOptions, OthersGroup, OthersGroupOptions, PI_2, PaneBodyOptions, PaneContainer, PaneOptions, ParetoSeries, ParetoSeriesOptions, PathBuilder, PathElement, PatternOptions, PercentSize, PictogramSeriesOptions, PictogramSeriesType, PictorialBarMode, PictorialBarSeriesOptions, PictorialBarSeriesType, PictorialSeriesLabelOptions, PictorialSeriesOptions, PictorialSeriesType, PieSeries, PieSeriesGroup, PieSeriesGroupOptions, PieSeriesLabel, PieSeriesLabelOptions, PieSeriesOptions, PieSeriesText, PieSeriesTextOptions, Point, PointElement, PointHovering, PointHoveringOptions, PointLabelLineContainer, PointLabelLineView, PointLabelView, RAD_DEG, RaceBarSeriesOptions, RaceBarSeriesType, RaceCallbackArgs, RaceLineSeriesOptions, RaceLineSeriesType, RadialGradientOptions, RadialSeries, RadialSeriesOptions, RangedSeries, RangedSeriesOptions, RcAnimation, RcControl, RcElement, RcObject, RectElement, SVGNS, SVGStyleOrClass, SVGStyles, ScaleView, ScatterSeries, ScatterSeriesOptions, SectionView, SectorElement, Series, SeriesAnimation, SeriesGroup, SeriesGroupOptions, SeriesMarker, SeriesMarkerOptions, SeriesNavigator, SeriesNavigatorOptions, SeriesOptions, SeriesOptionsType, SeriesView, Shape, ShapeAnnotation, ShapeAnnotationOptions, Size, SplineSeries, SplineSeriesOptions, SplitOptions, StepCallbackArgs, Subtitle, SubtitleOptions, SvgShapes, TextAnchor, TextAnnotation, TextAnnotationOptions, TextElement, TextLayout, TimeAxis, TimeAxisLabelOptions, TimeAxisOptions, TimeAxisTickOptions, Title, TitleOptions, Tooltip, TooltipOptions, TreeGroupHeadOptions, TreemapSeriesOptions, TreemapSeriesType, Trendline, TrendlineOptions, Utils, ValueGauge, ValueGaugeOptions, ValueGaugeView, ValueRange, ValueRangeList, VectorSeriesOptions, VectorSeriesType, WaterfallSeries, WaterfallSeriesOptions, Widget, WidgetSeries, WidgetSeriesConnector, WidgetSeriesLabel, WidgetSeriesOptions, WidgetSeriesPoint, WidgetSeriesView, WordCloudSeriesOptions, WordCloudSeriesType, ZValuePoint, ZoomButtonOptions, ZoomCallbackArgs, absv, assignObj, buildValueRanges, calcPercent, configure, copyObj, cos, createChart, createData, createRect, extend, fixnum, getVersion, incv, isArray, isEmptyRect, isNumber, isObject, isString, maxv, minv, parsePercentSize, pickNum, pickProp, pickProp3, pixel, rectToSize, setAnimatable, setDebugging, setLicenseKey, setLogging, sin, toStr };