realchart 1.1.4 → 1.1.6

package/dist/index.d.ts

@@ -15,7 +15,7 @@ declare abstract class RcObject {
      * 객체가 소유한 참조 등을 해제하고 null을 리턴한다.
      *
      * ```
-     * list = lis.destroy();
+     * model = model.destroy();
      * ```
      *
      * @returns null
@@ -213,20 +213,63 @@ declare const _VerticalAlign: {
 };
 type VerticalAlign = typeof _VerticalAlign[keyof typeof _VerticalAlign];
 interface SVGStyles {
+    /**
+     * SVG에 적용되는 css {@page https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill fill} 스타일 속성.<br/>
+     */
     fill?: string;
+    /**
+     * SVG에 적용되는 css {@page https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill-opacity fill-opacity} 스타일 속성.<br/>
+     */
     fillOpacity?: string;
+    /**
+     * SVG에 적용되는 css {@page https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke stroke} 스타일 속성.<br/>
+     */
     stroke?: string;
+    /**
+     * SVG에 적용되는 css {@page https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-width stroke-width} 스타일 속성.<br/>
+     */
     strokeWidth?: string;
+    /**
+     * SVG에 적용되는 css {@page https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray stroke-dasharray} 스타일 속성.<br/>
+     */
     strokeDasharray?: string;
+    /**
+     * SVG에 적용되는 css {@page https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/font-family font-family} 스타일 속성.<br/>
+     */
     fontFamily?: string;
+    /**
+     * SVG에 적용되는 css {@page https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/font-size font-size} 스타일 속성.<br/>
+     */
     fontSize?: string;
+    /**
+     * SVG에 적용되는 css {@page https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/font-weight font-weight} 스타일 속성.<br/>
+     */
     fontWeight?: string;
+    /**
+     * SVG에 적용되는 css {@page https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/font-style font-style} 스타일 속성.<br/>
+     */
     fontStyle?: string;
+    /**
+     * SVG에 적용되는 css {@page https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/rx rx} 스타일 속성.<br/>
+     * {@page config.seires.bar 'bar'} 시리즈의 데이터포인트 bar의 모서리를 지정하는 데 사용된다.
+     */
     rx?: string;
     /**
-     * Svg에 적용되는 정식 css style이 아니다.
-     * 즉, realchart-style.css 등의 외부 css 파일에서 사용할 수 없고,
-     * RealChart 내부에서 title, data point label 등의 inline 스타일로 적용할 수 있다.
+     * 텍스트 정렬을 지정한다.<br/>
+     * **SVG에 적용되는 정식 css style 속성이 아니다.**
+     * 즉, HTML이나 realchart-style.css 등의 외부 css 파일에서 사용할 수 없고,
+     * RealChart 내부에서 {@page config.title}, {@page config.base.series.pointLabel datapoint label} 등의
+     * inline 스타일 속성으로 지정할 수 있다.
+     *
+     * ```js
+     * const config = {
+     *      subtitle: {
+     *          style: {
+     *              textAlign: 'left',
+     *          },
+     *      },
+     * };
+     * ```
      */
     textAlign?: Align;
 }
@@ -247,7 +290,7 @@ declare const _ChartTextEffect: {
     /**
      * 텍스트 배경 상자를 표시한다.<br/>
      * 배경 상자에 {@page backgroundStyle}이 적용된다.
-     * 스타일이 적용되지 않으면 기본 'rct-text-background'이 적용된다.
+     * 스타일이 적용되지 않으면 기본 'rct-text-background'가 적용된다.
      */
     readonly BACKGROUND: "background";
 };
@@ -303,6 +346,11 @@ declare const _AlignBase: {
     readonly PARENT: "parent";
 };
 type AlignBase = typeof _AlignBase[keyof typeof _AlignBase];
+/**
+ * {@page config.base.series#viewRanges} 등에 설정할 수 있는 값 범위 정보.<br/>
+ * 시작, 끝 값과 영역에 표시할 색상 및 label을 지정한다.
+ * {@page config.base.series#viewRanges}에는 이 설정 객체 배열로 지정한다.
+ */
 interface ValueRange {
     fromValue?: number;
     toValue?: number;
@@ -311,6 +359,9 @@ interface ValueRange {
     style?: SVGStyleOrClass;
     areaStyle?: SVGStyleOrClass;
 }
+/**
+ * {@page config.base.series#viewRanges}에 설정할 수 있는 값 범위 목록.<br/>
+ */
 interface ValueRangeList {
     fromValue?: number;
     toValue?: number;
@@ -398,54 +449,69 @@ interface ChartItemOptions {
 }
 interface ChartTextOptions extends ChartItemOptions {
     /**
+     * 텍스트 표시 효과.<br/>
+     *
+     * @default 'none'
      */
     effect?: ChartTextEffect;
     /**
+     * {@page autoContrast}가 true이고 밝게 표시할 때 적용되는 {@page it.SVGStyles 스타일셋}.<br/>
      */
     lightStyle?: SVGStyleOrClass;
     /**
+     * {@page autoContrast}가 true이고 어둡게 표시할 때 적용되는 {@page it.SVGStyles 스타일셋}.<br/>
      */
     darkStyle?: SVGStyleOrClass;
     /**
+     * {@page effect}가 'background'일 때 배경에 적용되는 {@page it.SVGStyles 스타일셋}.<br/>
      */
     backgroundStyle?: SVGStyleOrClass;
     /**
-     * 텍스트가 data point 내부에 표시되는 경우 포인트 색상과 대조되도록 표시한다.
-     * <br>
+     * 텍스트가 data point 내부에 표시되는 경우 포인트 색상과 대조되도록 표시한다.<br/>
      * 밝게 표시할 때는 {@page lightStyle}을 적용하고,
      * 어둡게 표시할 때는 {@page darkStyle}이 적용된다.
-     * brightStyle이 지정되지 않으면 'rct-text-light'이,
+     * lightStyle이 지정되지 않으면 'rct-text-light'이,
      * darkStyle이 지정되지 않으면 'rct-text-dark'가 기본 적용된다.
      *
+     * @default true
      */
     autoContrast?: boolean;
-    outlineThickness?: number;
     /**
-     * label 문자열 앞에 추가되는 문자열.
+     * {@page effect}가 'outline'일 때 외곽 택스트의 외곽선 두께.<br/>
      *
+     * @default 2
+     */
+    outlineThickness?: number;
+    /**
+     * label 문자열 앞에 추가되는 문자열.<br/>
      */
     prefix?: string;
     /**
-     * label 문자열 끝에 추가되는 문자열.
-     *
+     * label 문자열 끝에 추가되는 문자열.<br/>
      */
     suffix?: string;
     /**
      * 축의 tick 간격이 1000 이상인 큰 수를 표시할 때
-     * 이 속성에 지정한 symbol을 이용해서 축약형으로 표시한다.
+     * 이 속성에 지정한 symbol을 이용해서 축약형으로 표시한다.<br/>
      *
+     * @default 'k,M,G,T,P,E'
      */
     numberSymbols?: string;
     /**
-     * label이 숫자일 때 표시 형식.
+     * label이 숫자일 때 표시 형식.<br/>
      *
+     * @default '#,##0.#'
      */
     numberFormat?: string;
     /**
-     * rich text format을 지정할 수 있다.
-     *
+     * Text 형식.<br/>
      */
     text?: string;
+    /**
+     * 텍스트 행의 높이를 계산되는 높이와 다르게 표시되도록 지정한다.<br/>
+     * 1이면 계산된 높이와 동일하게 표시된다.
+     * 지정하지 않으면 계산된 값.
+     */
     lineHeight?: number;
 }
 /**
@@ -461,17 +527,28 @@ declare const _IconPosition: {
 type IconPosition = typeof _IconPosition[keyof typeof _IconPosition];
 interface IconedTextOptions extends ChartTextOptions {
     /**
+     * 이이콘 표시 위치<br/>
+     *
      * @default 'default'
      */
     iconPosition?: IconPosition;
     imageList?: string;
     iconRoot?: string;
     /**
+     * 아이콘과 텍스트 사이의 간격.<br/>
+     *
      * @default 2
      */
     iconGap?: number;
-    width?: number;
-    height?: number;
+    /**
+     * 아이콘 이미지 너비.<br/>
+     */
+    iconWidth?: number;
+    /**
+     * 아이콘 이미지 높이<br/>
+     * 지정하지 않으면 16 픽셀로 설정된다.
+     */
+    iconHeight?: number;
 }
 interface DataPointCallbackArgs {
     series: object;
@@ -491,6 +568,7 @@ interface DataPointCallbackArgs {
     xValue: any;
     yValue: any;
     zValue: any;
+    labelIndex: number;
     source: any;
 }
 
@@ -515,15 +593,19 @@ declare const _AnnotationScope: {
 };
 type AnnotationScope = typeof _AnnotationScope[keyof typeof _AnnotationScope];
 /**
- * Annotation 모델.<br/>
+ * 차트 {@page config.base.series 시리즈}나 {@page config.base.gauge 게이지}로
+ * 표현이 부족하거나 특별히 강조할 내용이 있을 때,
+ * 보조로 표시할 수 있는 {@page config.annotation.text 텍스트}나
+ * {@page config.annotation.image 이미지} 또는 {@page config.annotation.shape 도형}.<br/>
  *
  * @config chart.annotation[base]
  */
 interface AnnotationOptions extends ChartItemOptions {
     type?: AnnotationType;
     /**
-     * true로 지정하면 시리즈들 위에 표시된다.
+     * true로 지정하면 시리즈나 게이지들 위에 표시된다.<br/>
      *
+     * @default false
      */
     front?: boolean;
     /**
@@ -536,13 +618,11 @@ interface AnnotationOptions extends ChartItemOptions {
     /**
      * 어노테이션 배치 기준이 되는 차트 구성 요소.<br/>
      * 현재, 같은 영역(body 혹은 chart)에 포함된 {@page config.base.gauge 게이지}나 다른 어노테이션의 {@page name 이름}을 지정할 수 있다.
-     *
      */
     anchor?: string;
     /**
      * 수평 배치.<br/>
      *
-     *
      * @default 'left' anchor가 지정되면 'center', 아니면 'left'
      */
     align?: Align;
@@ -571,7 +651,6 @@ interface AnnotationOptions extends ChartItemOptions {
     /**
      * 회전 각도.<br/>
      * 0 ~ 360 사이의 값으로 지정한다.
-     *
      */
     rotation?: number;
     /**
@@ -584,61 +663,56 @@ interface AnnotationOptions extends ChartItemOptions {
     /**
      * 배경 스타일.<br/>
      * 경계 및 배경 색, padding 스타일을 지정할 수 있다.
-     *
      */
     backgroundStyle?: SVGStyleOrClass;
     /**
      * true로 지정하면 상위 영역을 벗어난 부분도 표시되게 한다.<br/>
      * body에 포함된 경우 body 영역,
      * chart에 포함되고 scope이 'chart'일 때 chart 영역.
-     *
      */
     noClip?: boolean;
     /**
      * body 어노테이션일 경우,
      * x 축을 기준으로 지정하는 수평(inverted일 때 수직) 위치.<br/>
      * chart에 지정된 어노테이션에서는 무시된다.
-     *
      */
     x1?: number | Date;
     /**
      * body 어노테이션일 경우,
      * x 축을 기준으로 지정하는 수평(inverted일 때 수직) 위치.<br/>
      * chart에 지정된 어노테이션에서는 무시된다.
-     *
      */
     x2?: number | Date;
     /**
      * body 어노테이션일 경우,
      * y 축을 기준으로 지정하는 수직(inverted일 때 수평) 위치.<br/>
      * chart에 지정된 어노테이션에서는 무시된다.
-     *
      */
     y1?: number | Date;
     /**
      * body 어노테이션일 경우,
      * y 축을 기준으로 지정하는 수직(inverted일 때 수평) 위치.<br/>
      * chart에 지정된 어노테이션에서는 무시된다.
-     *
      */
     y2?: number | Date;
     /**
      * Annotation 너비.<br/>
      * 픽셀 단위의 고정 값이나, plot 영역에 대한 상태 크기롤 지정할 수 있다.
-     *
      */
     width?: PercentSize;
     /**
      * Annotation 높이.<br/>
      * 픽셀 단위의 고정 값이나, plot 영역에 대한 상태 크기롤 지정할 수 있다.
-     *
      */
     height?: PercentSize;
 }
 declare const ImageAnnotationType = "image";
 /**
- * 이미지 Annotation 모델.
+ * 이미지 어노테이션.<br/>
+ * {@page op.AnnotationOptions#type}은 'image'이다.<br/>
  *
+ * // TODO #fiddle annotation/image-annotation Image Annotation
+ * @css 'rct-image-annotation'
  * @config chart.annotation[type=image]
  */
 interface ImageAnnotationOptions extends AnnotationOptions {
@@ -693,8 +767,13 @@ declare const _ShapeAnnotationShape: {
 };
 type ShapeAnnotationShape = typeof _ShapeAnnotationShape[keyof typeof _ShapeAnnotationShape];
 /**
- * Shape Annotation 모델.
+ * Shape 어노테이션.<br/>
+ * {@page op.AnnotationOptions#type}은 'shape'이다.<br/>
+ * {@page shape} 속성에 표시할 도형 모양을 지정하거나,
+ * {@page path}에 SVG path를 직접 지정할 수 있다.
  *
+ * // TODO #fiddle annotation/shape-annotation Shape Annotation
+ * @css 'rct-shape-annotation'
  * @config chart.annotation[type=shape]
  */
 interface ShapeAnnotationOptions extends AnnotationOptions {
@@ -728,8 +807,11 @@ interface ShapeAnnotationOptions extends AnnotationOptions {
 }
 declare const TextAnnotationType = "text";
 /**
- * Text Annotation 모델.
+ * 텍스트 어노테이션.<br/>
+ * {@page op.AnnotationOptions#type}은 'text'이다.<br/>
  *
+ * // TODO #fiddle annotation/text-annotation Text Annotation
+ * @css 'rct-text-annotation'
  * @config chart.annotation[type=text]
  */
 interface TextAnnotationOptions extends AnnotationOptions {
@@ -1037,6 +1119,9 @@ declare class RcElement extends RcObject {
     appendDom(dom: Node): Node;
     insertDom(dom: Node, before: Node): Node;
     clearDom(): void;
+    containsClass(selector: string): boolean;
+    addClass(selector: string): this;
+    removeClass(selector: string): this;
     private _saveStyle;
     private _saveClass;
     saveStyles(): void;
@@ -1171,7 +1256,22 @@ declare const _PointItemPosition: {
 };
 type PointItemPosition = typeof _PointItemPosition[keyof typeof _PointItemPosition];
 /**
- * Series data point label options.
+ * 시리즈 데이터포인트들의 label 옵션.<br/>
+ * {@page config.base.series}의 'pointLabel' 항목으로 설정한다.
+ *
+ * ```js
+ *  const config = {
+ *      series: {
+ *          pointLabel: {
+ *              visible: true,
+ *              suffix: '%',
+ *              style: {
+ *                  fontWeight: 'bold',
+ *              },
+ *          }
+ *      }
+ *  };
+ * ```
  */
 interface DataPointLabelOptions extends IconedTextOptions {
     /**
@@ -1274,7 +1374,8 @@ declare const _TrendLineType: {
 };
 type TrendLineType = typeof _TrendLineType[keyof typeof _TrendLineType];
 /**
- * 시리즈 추세선 모델.<br/>
+ * 시리즈 추세선 옵션.<br/>
+ * {@page config.base.series}의 'trendLine' 항목으로 설정한다.
  */
 interface TrendlineOptions extends ChartItemOptions {
     /**
@@ -1308,7 +1409,8 @@ interface TrendlineOptions extends ChartItemOptions {
 /**
  * 시리즈는 {@page data}로 지정된 값들을 데이터포인트로 표시하는 차트의 핵심 구성 요소이다.<br/>
  * 차트 설정의 다른 부분이나 API에 참조하기 위해서는 {@page name}을 반드시 지정해야 햔다.
- * 차트 생성 시 **'type'** 을 지정하지 않으면 **'bar'** 시리즈로 생성된다.<br/>
+ * 차트 생성 시 {@page config.series.#type} 을 지정하지 않으면 {@page config.series.bar 'bar'} 시리즈로 생성된다.<br/>
+ *
  * @config chart.series[base]
  */
 interface SeriesOptions extends ChartItemOptions {
@@ -1327,11 +1429,12 @@ interface SeriesOptions extends ChartItemOptions {
      */
     label?: string;
     /**
-     * 데이터포인트 label 설정 모델.
+     * 데이터포인트 label 옵션.<br/>
+     * 단순히 boolean 값으로 설정하면 {@page visible} 속성에 적용된다.
      */
     pointLabel?: DataPointLabelOptions | boolean;
     /**
-     * 추세선 설정 모델.
+     * 추세선 옵션.<br/>
      */
     trendline?: TrendlineOptions;
     /**
@@ -1459,15 +1562,15 @@ interface SeriesOptions extends ChartItemOptions {
      */
     hoverEffect?: 'none' | 'default';
     /**
-     * 데이터포인트 위에 마우스가 있을 때 적용되는 스타일셋 혹은 class selector.
+     * 데이터포인트 위에 마우스가 있을 때 적용되는 스타일셋 혹은 class selector.<br/>
      */
     hoverStyle?: SVGStyleOrClass;
     /**
-     * 데이터 point의 동적 스타일 콜백.
+     * 데이터포인트의 동적 스타일 콜백.<br/>
      */
     pointStyleCallback?: PointStyleCallback;
     /**
-     * 데이터포인트들이 새로 로드된 후 호출된다.
+     * 데이터포인트들이 새로 로드된 후 호출된다.<br/>
      */
     onPointsLoaded?: (series: object, firstTime: boolean) => void;
     /**
@@ -1584,11 +1687,16 @@ declare const _SeriesGroupLayout: {
     readonly FILL: "fill";
 };
 type SeriesGroupLayout = typeof _SeriesGroupLayout[keyof typeof _SeriesGroupLayout];
+/**
+ * 같은 종류의 단일 시리즈들을 여러 개 묶어서 표시한다.<br/>
+ *
+ * @config chart.seriesGroup[base]
+ */
 interface SeriesGroupOptions<T extends SeriesOptions = SeriesOptions> extends ChartItemOptions {
     row?: number;
     col?: number;
     /**
-     * 시리즈 그룹 요소들의 Options 배열.
+     * 단일 시리즈 옵션 배열.
      */
     children?: T[];
     /**
@@ -1650,6 +1758,9 @@ interface SeriesGroupOptions<T extends SeriesOptions = SeriesOptions> extends Ch
 }
 declare const LineSeriesGroupType = "linegroup";
 /**
+ * Line 시리즈그룹.<br/>
+ * {@page op.SeriesOptions#type}은 'linegroup'이다.<br/>
+ *
  * @config chart.series[type=linegroup]
  */
 interface LineSeriesGroupOptions extends SeriesGroupOptions<LineSeriesOptions> {
@@ -1664,6 +1775,9 @@ interface LineSeriesGroupOptions extends SeriesGroupOptions<LineSeriesOptions> {
 }
 declare const AreaSeriesGroupType = "areagroup";
 /**
+ * Area 시리즈그룹.<br/>
+ * {@page op.SeriesOptions#type}은 'areagroup'이다.<br/>
+ *
  * @config chart.series[type=areagroup]
  */
 interface AreaSeriesGroupOptions extends SeriesGroupOptions<AreaSeriesOptions> {
@@ -1698,17 +1812,23 @@ interface BarSeriesGroupBaseOptions<T extends BarSeriesBaseOptions> extends Clus
      */
     baseValue?: number;
 }
+/**
+ * {@page config.series.dumbbell} 시리즈 등 데이터포인트 뷰에 표시되는 마커 옵션.<br/>
+ */
 interface SeriesMarkerOptions extends ChartItemOptions {
     /**
      * 명시적으로 지정하지 않으면 typeIndex에 따라 Shapes 중 하나로 돌아가면서 설정된다.
-     *
      */
     shape?: Shape;
     /**
      * {@page shape}의 반지름.
-     *
      */
     radius?: number;
+    /**
+     * 데이터포인트 마커의 동적 스타일 콜백.<br/>
+     * 이 콜백에서 리턴되는 스타일이 가장 우선적으로 적용된다.
+     */
+    styleCallback?: PointStyleCallback;
 }
 interface MarkerSeriesOptions extends SeriesOptions {
     /**
@@ -1794,11 +1914,15 @@ interface LineSeriesMarkerOptions extends SeriesMarkerOptions {
     hintDistance?: number;
 }
 /**
- * 포인트 label들은 PointItemPosition.HEAD, FOOT, INSIDE에 위치할 수 있다.
- * 기본값은 AUTO(HEAD)이다.
- * pointLabel.align으로 수평 정렬을 설정할 수있다.
+ * 라인 시리즈 계열의 설정 옵션 기반(base).<br/>
+ * //포인트 label들은 PointItemPosition.HEAD, FOOT, INSIDE에 위치할 수 있다.
+ * //기본값은 AUTO(HEAD)이다.
+ * //pointLabel.align으로 수평 정렬을 설정할 수있다.
  */
 interface LineSeriesBaseOptions extends SeriesOptions {
+    /**
+     * marker 옵션.<br/>
+     */
     marker?: LineSeriesMarkerOptions;
     /**
      * null인 y값을 {@page baseValue}로 간주한다.
@@ -1807,32 +1931,46 @@ interface LineSeriesBaseOptions extends SeriesOptions {
      */
     nullAsBase?: boolean;
 }
+/**
+ * {@page config.series.pie} 시리즈나 {@page config.seriesfunnel} 시리즈 설정 옵션들의 기반(base).<br/>
+ */
 interface WidgetSeriesOptions extends SeriesOptions {
     /**
+     * body 영역을 기준으로 {@page config.series.pie 'pie'},
+     * {@page config.series.funnel 'funnel'} 시리즈들의 수평 중심 위치<br/>
+     * 숫자나 body 영역 너비에 대한 상대값을 '%'로 지정할 수 있다.
+     *
      * @default '50%'
      */
     centerX?: PercentSize;
     /**
-     * @default '50%'
+     * body 영역을 기준으로 {@page config.series.pie 'pie'},
+     * {@page config.series.funnel 'funnel'} 시리즈들의 수직 중심 위치<br/>
+     * 숫자나 body 영역 높이에 대한 상대값을 '%'로 지정할 수 있다.
+
+    * @default '50%'
      */
     centerY?: PercentSize;
-    center?: PercentSize;
     /**
-     * widget 본체의 크기나 표시 위치가 변경됐을 때 animation 실행 여부
+     * {@link centerX}, {@link centerY}를 지정하지 않으면 이 속성값을 사용한다.<br/>
+     * 즉, 이 속성으로 두 속성값을 동시에 지정할 수 있다.
      */
-    boundsAnimation?: boolean;
+    center?: PercentSize;
     /**
-     * 데이터 포인트별 legend 항목을 표시한다.
+     * true로 지정하면 {@page config.series.pie 'pie'},
+     * {@page config.series.funnel 'funnel'} 시리즈들의 데이터포인트별 legend 항목을 표시한다.<br/>
      *
+     * @default false
      */
     legendByPoint?: boolean;
 }
 declare const BarRangeSeriesType = "barrange";
 /**
- * BarRange 시리즌.<br/>
+ * BarRange 시리즈.<br/>
+ * {@page op.SeriesOptions#type}은 'barrange'이다.<br/>
  * 수평 또는 수직 막대로 여러 값들의 범위들을 **비교**하는 데 사용한다.
  * 막대의 길이가 값의 범위를 표시한다.<br/>
- * X축 타입이 설정되지 않은 경우, 이 시리즈를 기준으로 생성되는 축은 [category](/config/config/xAxis/category)이다.<br/><br/>
+ * X축 타입이 설정되지 않은 경우, 이 시리즈를 기준으로 생성되는 축은 [category](/config/config/xAxis/category)이다.<br/>
  *
  * {@page data}는 아래 형식들로 전달할 수 있다.<br/>
  * [주의] 데이터포인트 구성에 필요한 모든 값을 제공해야 한다.<br/>
@@ -1879,11 +2017,13 @@ interface BarRangeSeriesOptions extends LowRangedSeriesOptions {
 declare const BarSeriesType = "bar";
 /**
  * Bar 시리즈.<br/>
+ * {@page op.SeriesOptions#type}은 'bar'이다.
+ * 차트의 기본 시리즈 타입이므로 차트의 {@page config.#type 기본 시리즈 타입}이 명시적으로 설정되지 않으면 생략할 수 있다.<br/>
  * 수평 또는 수직 막대로 여러 값들을 **비교**하는 데 사용한다.
  * 막대의 길이가 y값을 나타낸다.<br/>
- * X축 타입이 설정되지 않은 경우, 이 시리즈를 기준으로 생성되는 축은 [category](/config/config/xAxis/category)이다.<br/><br/>
+ * x축 타입이 설정되지 않은 경우, 이 시리즈를 기준으로 생성되는 축은 {@page config.xAxis.category}이다.<br/>
  *
- * {@page data}는 아래 형식들로 전달할 수 있다.<br/>
+ * {@page data}는 아래 형식들로 전달할 수 있다.
  *
  * ###### 단일값 또는 단일값 배열
  * |형식|설명|
@@ -1900,6 +2040,7 @@ declare const BarSeriesType = "bar";
  * |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
  * |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
  *
+ * @css 'rct-bar-series'
  * @config chart.series[type=bar]
  */
 interface BarSeriesOptions extends BarSeriesBaseOptions {
@@ -1919,6 +2060,9 @@ interface BarSeriesOptions extends BarSeriesBaseOptions {
 }
 declare const BarSeriesGroupType = "bargroup";
 /**
+ * Bar 시리즈그룹.<br/>
+ * {@page op.SeriesOptions#type}은 'bargroup'이다.<br/>
+ *
  * @config chart.series[type=bargroup]
  */
 interface BarSeriesGroupOptions extends BarSeriesGroupBaseOptions<BarSeriesOptions> {
@@ -1926,6 +2070,9 @@ interface BarSeriesGroupOptions extends BarSeriesGroupBaseOptions<BarSeriesOptio
 }
 declare const PieSeriesGroupType = "piegroup";
 /**
+ * Pie 시리즈그룹.<br/>
+ * {@page op.SeriesOptions#type}은 'piegroup'이다.<br/>
+ *
  * @config chart.series[type=piegroup]
  */
 interface PieSeriesGroupOptions extends SeriesGroupOptions<PieSeriesOptions> {
@@ -2026,10 +2173,10 @@ declare const _LineStepDirection: {
 type LineStepDirection = typeof _LineStepDirection[keyof typeof _LineStepDirection];
 /**
  * Line 시리즈.<br/>
- *
+ * {@page op.SeriesOptions#type}은 'line'이다.<br/>
  * 주로 시간이나 다른 축 변수에 의한 데이터의 **변화** 또는 **경향**(pattern)을 보여주는 데 사용한다.
  * 데이터포인트의 값에 해당하는 지점에 표시되는 데이터포인트 마커들을 연결한 선으로 표시되며,
- * 기본 x축은 [linear](/config/config/xAxis/linear)이다.<br/><br/>
+ * 기본 x축은 [linear](/config/config/xAxis/linear)이다.<br/>
  *
  * {@page data}는 아래 형식들로 전달할 수 있다.
  *
@@ -2089,8 +2236,27 @@ interface LineSeriesOptions extends LineSeriesBaseOptions {
 }
 declare const SplineSeriesType = "spline";
 /**
+ * Spline 시리즈.<br/>
+ * {@page op.SeriesOptions#type}은 'spline'이다.<br/>
  * {@page lineType} 설정을 무시하고 항상 'spline'으로 표시되는 것 외에는 {@page config.series.line line} 시리즈와 동일하다.<br/>
  *
+ * {@page data}는 아래 형식들로 전달할 수 있다.
+ *
+ * ###### 단일값 또는 단일값 배열
+ * |형식|설명|
+ * |---|---|
+ * |y|단일 숫자면 y값. x 값은 순서에 따라 자동 결정.|
+ * |[]|빈 배열이면 null. x 값은 순서에 따라 자동 결정.|
+ * |[y]|값 하나인 배열이면 y값. x 값은 순서에 따라 자동 결정.|
+ * |[x, y,]|두 값 이상이면 순서대로 x, y값.<br/> 또는 {@page xField} 속성이 숫자이면 x값의 index. {@page yField}는 y값의 index.<br/>{@page colorField}는 color값의 index.|
+ *
+ * ###### json 배열
+ * |Series 속성|설명 |
+ * |---|---|
+ * |{@page xField}|속성 값, 또는 'x', 'name', 'label' 속성들 중 순서대로 값이 설정된 것이 x 값이 된다.|
+ * |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
+ * |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
+ *
  * @config chart.series[type=spline]
  */
 interface SplineSeriesOptions extends LineSeriesOptions {
@@ -2104,6 +2270,7 @@ interface SplineSeriesOptions extends LineSeriesOptions {
 }
 /**
  * Area 시리즈.<br/>
+ * {@page op.SeriesOptions#type}은 'area'이다.<br/>
  * 대부분 {@page config.series.line} 시리즈와 동일하고 라인 아래 부분을 별도의 색상으로 채운다.
  *
  * *{@page data}는 아래 형식들로 전달할 수 있다.
@@ -2141,10 +2308,11 @@ interface AreaSeriesOptions extends LineSeriesOptions {
 declare const BellCurveSeriesType = "bellcurve";
 /**
  * BellCurve 시리즈.<br/>
+ * {@page op.SeriesOptions#type}은 'bellcurve'이다.<br/>
  * {@page source} 시리즈 데이터포인트들의 값을 바탕으로
- * {@page https://ko.wikipedia.org/wiki/정규_분포 정규분포} 곡선을 표시한다.<br/><br/>
+ * {@page https://ko.wikipedia.org/wiki/정규_분포 정규분포} 곡선을 표시한다.<br/>
  *
- * {@page data}는 아래 형식들로 전달할 수 있다.<br/>
+ * {@page data}는 아래 형식들로 전달할 수 있다.
  *
  * ###### 단일값 또는 단일값 배열
  * |형식|설명|
@@ -2189,12 +2357,12 @@ interface BellCurveSeriesOptions extends AreaSeriesOptions {
 declare const BoxPlotSeriesType = "boxplot";
 /**
  * {@page https://en.wikipedia.org/wiki/Box_plot BoxPlot} 시리즈.<br/>
- * 주요 값들의 대략적인 범위 및 분포를 표시하는 시리즈.<br/><br/>
+ * {@page op.SeriesOptions#type}은 'boxplot'이다.<br/>
+ * 주요 값들의 대략적인 범위 및 분포를 표시하는 시리즈.<br/>
  *
  * {@page data}는 아래 형식들로 전달할 수 있다.<br/>
  * [주의] 데이터포인트 구성에 필요한 모든 값을 제공하지 않으면 null이 된다.
  *
- * <br/>
  * ###### 단일값 또는 단일값 배열
  * |형식|설명|
  * |---|---|
@@ -2265,9 +2433,10 @@ type BubbleSizeMode = typeof _BubbleSizeMode[keyof typeof _BubbleSizeMode];
 declare const BubbleSeriesType = "bubble";
 /**
  * 버블 시리즈.<br/>
+ * {@page op.SeriesOptions#type}은 'bubble'이다.<br/>
  * x, y로 지정되는 위치와 z로 지정되는 크기 사이의 관계를 표시한다.
  * 주로 원의 크기가 데이터포인트의 중요도를 나타낸다.<br/>
- * X축 타입이 설정되지 않은 경우, 이 시리즈를 기준으로 생성되는 축은 [linear](/config/config/xAxis/linear)이다.<br/><br/>
+ * X축 타입이 설정되지 않은 경우, 이 시리즈를 기준으로 생성되는 축은 [linear](/config/config/xAxis/linear)이다.<br/>
  *
  * {@page data}는 아래 형식들로 전달할 수 있다.<br/>
  * [주의] 데이터포인트 구성에 필요한 모든 값을 제공하지 않으면 null이 된다.
@@ -2319,18 +2488,20 @@ interface BubbleSeriesOptions extends MarkerSeriesOptions {
 }
 declare const BumpSeriesType = "bump";
 /**
- * 포함된 시리즈들의 y값들을 비교해서 순위로 시리즈를 표시한다.
- * <br>
- * 포함된 시리즈들의 x값이 동일한 data point y값들을 비교해서 순위를 yValue로 재설정한다.
+ * Bump 시리즈그룹.<br/>
+ * {@page op.SeriesOptions#type}은 'bump'이다.<br/>
+ * 포함된 시리즈들의 y값들을 비교해서 순위대로 시리즈를 표시한다.
+ * 즉, 포함된 시리즈들의 x값이 동일한 데이터포인트들의 y값들을 비교해서 각자의 순위를 yValue로 재설정하여 표시한다.
  *
  * @config chart.series[type=bump]
  */
-interface BumpSeriesGroupOptions extends SeriesGroupOptions {
+interface BumpSeriesGroupOptions extends SeriesGroupOptions<LineSeriesMarkerOptions> {
     type?: typeof BumpSeriesType;
 }
 /**
  * Candlestick 시리즈.<br/>
- * 주식을 비롯한 유가증권과 파생상품, 환율 등의 가격 움직임을 보여주는 시리즈.<br/><br/>
+ * {@page op.SeriesOptions#type}은 'candlestick'이다.<br/>
+ * 주식을 비롯한 유가증권과 파생상품, 환율 등의 가격 움직임을 보여주는 시리즈.<br/>
  *
  * {@page data}는 아래 형식들로 전달할 수 있다.<br/>
  * [주의] 데이터포인트 구성에 필요한 모든 값을 제공하지 않으면 null이 된다.<br/>
@@ -2404,34 +2575,38 @@ interface CircleBarPointLabelOptions extends DataPointLabelOptions {
 declare const CircleBarSeriesType = "circlebar";
 /**
  * CirleBar 시리즈.<br/>
+ * {@page op.SeriesOptions#type}은 'circlebar'이다.<br/>
  * 직사각형 대신 원형 막대로 여러 값들을 **비교**하는 데 사용한다.
- * 원 지름이 y값을 나타낸다.<br/>
- * X축 타입이 설정되지 않은 경우, 이 시리즈를 기준으로 생성되는 축은 [category](/config/config/xAxis/category)이다.<br/><br/>
+ * 원 지름이 y값을 나타낸다.
+ * X축 타입이 설정되지 않은 경우, 이 시리즈를 기준으로 생성되는 축은 {@page config.xAxis.category 카테고리축}이다.<br/>
  *
-*{@page data}는 아래 형식들로 전달할 수 있다.<br/>
-*
-* ###### 단일값 또는 단일값 배열
-* |형식|설명|
-* |---|---|
-* |y|단일 숫자면 y값. x 값은 순서에 따라 자동 결정.|
-* |[]|빈 배열이면 null. x 값은 순서에 따라 자동 결정.|
-* |[y]|값 하나인 배열이면 y값. x 값은 순서에 따라 자동 결정.|
-* |[x, y,]|두 값 이상이면 순서대로 x, y값.<br/> 또는 {@page xField} 속성이 숫자이면 x값의 index. {@page yField}는 y값의 index.<br/>{@page colorField}는 color값의 index.|
-*
-* ###### json 배열
-* |Series 속성|설명 |
-* |---|---|
-* |{@page xField}|속성 값, 또는 'x', 'name', 'label' 속성들 중 순서대로 값이 설정된 것이 x 값이 된다.|
-* |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
-* |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
-*
-* @config chart.series[type=circlebar]
+ *{@page data}는 아래 형식들로 전달할 수 있다.
+ *
+ * ###### 단일값 또는 단일값 배열
+ * |형식|설명|
+ * |---|---|
+ * |y|단일 숫자면 y값. x 값은 순서에 따라 자동 결정.|
+ * |[]|빈 배열이면 null. x 값은 순서에 따라 자동 결정.|
+ * |[y]|값 하나인 배열이면 y값. x 값은 순서에 따라 자동 결정.|
+ * |[x, y,]|두 값 이상이면 순서대로 x, y값.<br/> 또는 {@page xField} 속성이 숫자이면 x값의 index. {@page yField}는 y값의 index.<br/>{@page colorField}는 color값의 index.|
+ *
+ * ###### json 배열
+ * |Series 속성|설명 |
+ * |---|---|
+ * |{@page xField}|속성 값, 또는 'x', 'name', 'label' 속성들 중 순서대로 값이 설정된 것이 x 값이 된다.|
+ * |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
+ * |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
+ *
+ * @config chart.series[type=circlebar]
 */
 interface CircleBarSeriesOptions extends BarSeriesBaseOptions {
     type?: typeof CircleBarSeriesType;
 }
 declare const CircleBarSeriesGroupType = "circlebargroup";
 /**
+ * CircleBar 시리즈그룹.<br/>
+ * {@page op.SeriesOptions#type}은 'circlebargroup'이다.<br/>
+ *
  * @config chart.series[type=circlebargroup]
  */
 interface CircleBarSeriesGroupOptions extends BarSeriesGroupBaseOptions<CircleBarSeriesOptions> {
@@ -2442,20 +2617,21 @@ interface DumbbellSeriesMarkerOptions extends SeriesMarkerOptions {
      * @override
      * @default 4
      */
-    radius: number;
+    radius?: number;
     /**
      * @override
      * @default 'circle'
      */
-    shape: Shape;
+    shape?: Shape;
 }
 declare const DumbbellSeriesType = "dumbbell";
 /**
  * Dumbbell 시리즈.<br/>
+ * {@page op.SeriesOptions#type}은 'dumbbell'이다.<br/>
  * Lollipop 시리즈의 변종으로 시간에 따른 두 값의 변화를 표시하는 등,
  * 두 그룹 간의 차이나 관계를 표시하는 데 사용될 수 있다.
  * 예를 들어, 두 기간 동안의 성장률, 두 그룹 간의 판매량 차이 변화 등을 보여 주는데 유용하다.<br/>
- * 양 끝 두 개의 원이나 점 등을 선분으로 연결하여 표시한다.<br/><br/>
+ * 양 끝 두 개의 원이나 점 등을 선분으로 연결하여 표시한다.<br/>
  *
  * {@page data}는 아래 형식들로 전달할 수 있다.<br/>
  * [주의] 데이터포인트 구성에 필요한 모든 값을 제공해야 한다.
@@ -2479,19 +2655,21 @@ declare const DumbbellSeriesType = "dumbbell";
  *
  * @config chart.series[type=dumbbell]
  */
-interface DumbbellSeriesOptions extends ClusterableSeriesOptions {
+interface DumbbellSeriesOptions extends LowRangedSeriesOptions {
     type?: typeof DumbbellSeriesType;
-    lowField: string;
-    marker: DumbbellSeriesMarkerOptions;
+    marker?: DumbbellSeriesMarkerOptions;
+    lowMarker?: DumbbellSeriesMarkerOptions;
 }
 declare const EqualizerSeriesType = "equalizer";
 /**
- * Bar를 여러 개의 segment로 나눠 표시하는 시리즈.<br/>
+ * Eqaulizer 시리즈.<br/>
+ * {@page op.SeriesOptions#type}은 'equalizer'이다.<br/>
+ * Bar를 여러 개의 segment로 나눠 표시한다.
  * 수평 또는 수직 막대로 여러 값들을 **비교**하는 데 사용한다.
  * 막대의 길이가 y값을 나타낸다.<br/>
- * X축 타입이 설정되지 않은 경우, 이 시리즈를 기준으로 생성되는 축은 [category](/config/config/xAxis/category)이다.<br/><br/>
+ * X축 타입이 설정되지 않은 경우, 이 시리즈를 기준으로 생성되는 축은 {@page config.xAxis.category 카테고리축}이다.<br/>
  *
- * {@page data}는 아래 형식들로 전달할 수 있다.<br/>
+ * {@page data}는 아래 형식들로 전달할 수 있다.
  *
  * ###### 단일값 또는 단일값 배열
  * |형식|설명|
@@ -2525,7 +2703,8 @@ interface LowRangedSeriesOptions extends RangedSeriesOptions {
 declare const ErrorBarSeriesType = "errorbar";
 /**
  * ErrorBar 시리즈.<br/>
- * 오류(차) 표시 막대를 표시한다.<br/><br/>
+ * {@page op.SeriesOptions#type}은 'errorbar'이다.<br/>
+ * 오류(차)를 나타내는 막대를 표시한다.<br/>
  *
  * {@page data}는 아래 형식들로 전달할 수 있다.<br/>
  * [주의] 데이터포인트 구성에 필요한 모든 값을 제공해야 한다.
@@ -2564,6 +2743,28 @@ interface ErrorBarSeriesOptions extends LowRangedSeriesOptions {
 }
 declare const FunnelSeriesType = "funnel";
 /**
+ * Funnel 시리즈.<br/>
+ * {@page op.SeriesOptions#type}은 'funnel'이다.<br/>
+ *
+ * {@page data}는 아래 형식들로 전달할 수 있다.
+ *
+ * ###### 단일값 또는 단일값 배열
+ * |형식|설명|
+ * |---|---|
+ * |y|단일 숫자면 y값. x 값은 순서에 따라 자동 결정.|
+ * |[]|빈 배열이면 null. x 값은 순서에 따라 자동 결정.|
+ * |[y]|값 하나인 배열이면 y값. x 값은 순서에 따라 자동 결정.|
+ * |[x, y,]|두 값 이상이면 순서대로 x, y값.<br/> 또는 {@page xField} 속성이 숫자이면 x값의 index. {@page yField}는 y값의 index.<br/>{@page colorField}는 color값의 index.|
+ *
+ * ###### json 배열
+ * |Series 속성|설명 |
+ * |---|---|
+ * |{@page xField}|속성 값, 또는 'x', 'name', 'label' 속성들 중 순서대로 값이 설정된 것이 x 값이 된다.|
+ * |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
+ * |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
+ *
+ * // TODO #fiddle series/funnel-series Funnel Series
+ * @css 'rct-funnel-series'
  * @config chart.series[type=funnel]
  */
 interface FunnelSeriesOptions extends WidgetSeriesOptions {
@@ -2597,8 +2798,9 @@ interface FunnelSeriesOptions extends WidgetSeriesOptions {
 declare const HeatmapSeriesType = "heatmap";
 /**
  * Heatmap 시리즈.<br/>
+ * {@page op.SeriesOptions#type}은 'heatmap'이다.<br/>
  * 숫자 대신 색상으로 값들을 table에 표시한다.<br/>
- * 차트나 split pane에 하나의 heatmap만 존재할 수 있다.<br/><br/>
+ * 차트나 split pane에 하나의 heatmap만 존재할 수 있다.<br/>
  *
  * //[셀 색상]
  * //1. color-axis가 연결되면 거기에서 색을 가져온다.
@@ -2646,6 +2848,27 @@ declare const _BinsNumber: {
 type BinsNumber = typeof _BinsNumber[keyof typeof _BinsNumber];
 declare const HistogramSeriesType = "histogram";
 /**
+ * Histogram 시리즈.<br/>
+ * {@page op.SeriesOptions#type}은 'histogram'이다.<br/>
+ *
+ * {@page data}는 아래 형식들로 전달할 수 있다.
+ *
+ * ###### 단일값 또는 단일값 배열
+ * |형식|설명|
+ * |---|---|
+ * |y|단일 숫자면 y값. x 값은 순서에 따라 자동 결정.|
+ * |[]|빈 배열이면 null. x 값은 순서에 따라 자동 결정.|
+ * |[y]|값 하나인 배열이면 y값. x 값은 순서에 따라 자동 결정.|
+ * |[x, y,]|두 값 이상이면 순서대로 x, y값.<br/> 또는 {@page xField} 속성이 숫자이면 x값의 index. {@page yField}는 y값의 index.<br/>{@page colorField}는 color값의 index.|
+ *
+ * ###### json 배열
+ * |Series 속성|설명 |
+ * |---|---|
+ * |{@page xField}|속성 값, 또는 'x', 'name', 'label' 속성들 중 순서대로 값이 설정된 것이 x 값이 된다.|
+ * |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
+ * |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
+ *
+ * @css 'rct-histogram-series'
  * @config chart.series[type=histogram]
  */
 interface HistogramSeriesOptions extends SeriesOptions {
@@ -2665,8 +2888,8 @@ interface HistogramSeriesOptions extends SeriesOptions {
 declare const ArearangeSeriesType = "arearange";
 /**
  * AreaRange 시리즈.<br/>
+ * {@page op.SeriesOptions#type}은 'arearange'이다.<br/>
  *
- * <br/>
  * {@page data}는 아래 형식들로 전달할 수 있다.<br/>
  * [주의] 데이터포인트 구성에 필요한 모든 값을 제공해야 한다.
  *
@@ -2734,11 +2957,12 @@ interface LollipopSeriesMarkerOptions extends SeriesMarkerOptions {
 declare const LollipopSeriesType = "lollipop";
 /**
  * Lollipop(막대 사탕) 시리즈.<br/>
+ * {@page op.SeriesOptions#type}은 'lollipop'이다.<br/>
  * 기능적으로는 bar 시리즈와 동일하지만, 대부분의 데이터포인트 값들이 최대값에 가까운 곳에 몰려 있는 경우에
  * 활용 가능하다. bar 시리즈 표현하면 시각적으로 구분하기 쉽지 않기 때문이다.
- * 특히, bar가 겹치더라도 데이터포인트들이 쉽게 구분된다.<br/><br/>
+ * 특히, bar가 겹치더라도 데이터포인트들이 쉽게 구분된다.<br/>
  *
- * {@page data}는 아래 형식들로 전달할 수 있다.<br/>
+ * {@page data}는 아래 형식들로 전달할 수 있다.
  *
  * ###### 단일값 또는 단일값 배열
  * |형식|설명|
@@ -2764,11 +2988,12 @@ interface LollipopSeriesOptions extends BasedSeriesOptions {
 declare const OhlcSeriesType = "ohlc";
 /**
  * Ohlc 시리즈.<br/>
+ * {@page op.SeriesOptions#type}은 'ohlc'이다.<br/>
  * 시가-고가-저가-종가 차트.
- * 시간 경과에 따른 가격의 움직임을 설명하는 데 사용된다.<br/><br/>
+ * 시간 경과에 따른 가격의 움직임을 설명하는 데 사용된다.<br/>
  *
- * {@page data}는 아래 형식들로 전달할 수 있다.
- * [주의] 데이터포인트 구성에 필요한 모든 값을 제공하지 않으면 null이 된다.
+ * {@page data}는 아래 형식들로 전달할 수 있다.<br/>
+ * [주의] 데이터포인트 구성에 필요한 모든 값을 제공하지 않으면 null이 된다.<br/>
  * [주의] high와 y값은 동일한 값이다.
  *
  * ###### 단일값 또는 단일값 배열
@@ -2798,8 +3023,26 @@ interface OhlcSeriesOptions extends CandlestickSeriesOptions {
 declare const ParetoSeriesType = "pareto";
 /**
  * Pareto 시리즈<br/>
+ * {@page op.SeriesOptions#type}은 'pareto'이다.<br/>
  * 참조하는 원본 시리즈의 누적 비율을 표시한다.<br/>
  * {@page source}로 지정된 시리즈의 데이터포인트 값들로 부터 누적 포인트들을 계산해서 표시한다.
+*
+ * {@page data}는 아래 형식들로 전달할 수 있다.
+ *
+ * ###### 단일값 또는 단일값 배열
+ * |형식|설명|
+ * |---|---|
+ * |y|단일 숫자면 y값. x 값은 순서에 따라 자동 결정.|
+ * |[]|빈 배열이면 null. x 값은 순서에 따라 자동 결정.|
+ * |[y]|값 하나인 배열이면 y값. x 값은 순서에 따라 자동 결정.|
+ * |[x, y,]|두 값 이상이면 순서대로 x, y값.<br/> 또는 {@page xField} 속성이 숫자이면 x값의 index. {@page yField}는 y값의 index.<br/>{@page colorField}는 color값의 index.|
+ *
+ * ###### json 배열
+ * |Series 속성|설명 |
+ * |---|---|
+ * |{@page xField}|속성 값, 또는 'x', 'name', 'label' 속성들 중 순서대로 값이 설정된 것이 x 값이 된다.|
+ * |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
+ * |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
  *
  * @config chart.series[type=pareto]
  */
@@ -2820,37 +3063,41 @@ interface ParetoSeriesOptions extends LineSeriesBaseOptions {
     curved?: boolean;
 }
 /**
- * 직교 좌표계가 표시된 경우, plot area 영역을 기준으로 size, centerX, centerY가 적용된다.
- * <br>
- * TODO: 현재 PieSeris만 계승하고 있다. 추후 PieSeries에 합칠 것.
- *
+ * {@page config.sereies.pie 'pie'} 시리즈와 같은 원형 시리즈에 대한 설정 옵션<br/>
+ * 직교 좌표계가 표시된 경우, {@page config.body body} 영역을 기준으로
+ * {@link size}, {@link centerX}, {@link centerY}가 적용된다.<br/>
+ * //TODO: 현재 PieSeris만 계승하고 있다. 추후 PieSeries에 합칠 것.
  */
 interface RadialSeriesOptions extends WidgetSeriesOptions {
     /**
-     * 시리즈 원호의 반지름.
-     * 픽셀 크기나 plot 영역 크기에 대한 상대적 크기로 지정할 수 있다.
+     * 시리즈 원호의 반지름.<br/>
+     * 픽셀 크기나 {@page config.body body} 영역 크기에 대한 상대적 크기로 지정할 수 있다.
      * '50%'로 지정하면 plot 영역의 width나 height중 작은 크기와 동일한 반지름으로 표시된다.
      *
+     * @default '40%
      */
     radius?: PercentSize;
     /**
-     * 시리즈 원호 시작 각도.
+     * 시리즈 원호 시작 각도.<br/>
      * 지정하지 않거나 잘못된 값이면 0으로 계산된다.
      * 0은 시계의 12시 위치다.
      *
+     * @default 0
      */
     startAngle?: number;
     /**
-     * 시리즈 원호 전체 각도.
+     * 시리즈 원호 전체 각도.<br/>
      * 0 ~ 360 사이의 값으로 지정해야 한다.
      * 범위를 벗어난 값은 범위 안으로 조정된다.
      * 지정하지 않거나 잘못된 값이면 360으로 계산된다.
      *
+     * @default 360
      */
     totalAngle?: number;
     /**
-     * true면 시계 방향으로 회전한다.
+     * true면 시계 방향으로 회전한다.<br/>
      *
+     * @default true
      */
     clockwise?: boolean;
 }
@@ -2866,9 +3113,10 @@ interface PieSeriesLabelOptions extends DataPointLabelOptions {
 declare const PieSeriesType = "pie";
 /**
  * Pie 시리즈<br/>
+ * {@page op.SeriesOptions#type}은 'pie'이다.<br/>
  * 모든 데이터포인트 값들의 합에 대한 데이터포인트의 상대적 값 비율을 원호로 표시한다.<br/>
  *
- * {@page data}는 아래 형식들로 전달할 수 있다.<br/>
+ * {@page data}는 아래 형식들로 전달할 수 있다.
  *
  * ###### 단일값 또는 단일값 배열
  * |형식|설명|
@@ -2939,9 +3187,10 @@ interface PieSeriesOptions extends RadialSeriesOptions {
 declare const ScatterSeriesType = "scatter";
 /**
  * Scatter 시리즈.<br/>
- * 데이터포인트를 shape로 표시되는 점 하나로 표시한다.<br/><br/>
+ * {@page op.SeriesOptions#type}은 'scatter'이다.<br/>
+ * 데이터포인트를 shape로 표시되는 점 하나로 표시한다.<br/>
  *
- * {@page data}는 아래 형식들로 전달할 수 있다.<br/>
+ * {@page data}는 아래 형식들로 전달할 수 있다.
  *
  * ###### 단일값 또는 단일값 배열
  * |형식|설명|
@@ -3028,7 +3277,8 @@ declare const _TreemapAlgorithm: {
 type TreemapAlgorithm = typeof _TreemapAlgorithm[keyof typeof _TreemapAlgorithm];
 declare const TreemapSeriesType = "treemap";
 /**
- * treemap 시리즈.<br/>
+ * Treemap 시리즈.<br/>
+ * {@page op.SeriesOptions#type}은 'treemap'이다.<br/>
  * 차트나 split pane에 하나의 treemap만 존재할 수 있다.<br/>
  *
  * //1. 본래 하드 드라이브의 파일 분포 상태를 표시하기 위해 고안됨.
@@ -3155,7 +3405,8 @@ type ArrowHead = typeof _ArrowHead[keyof typeof _ArrowHead];
 declare const VectorSeriesType = "vector";
 /**
  * Vector 시리즈.<br/>
- * x, y로 지정된 데이터포인트에 길이과 방향을 갖는 화살표를 표시한다.<br/><br/>
+ * {@page op.SeriesOptions#type}은 'vector'이다.<br/>
+ * x, y로 지정된 데이터포인트에 길이과 방향을 갖는 화살표를 표시한다.<br/>
  *
  * {@page data}는 아래 형식들로 전달할 수 있다.<br/>
  * [주의] 데이터포인트 구성에 필요한 모든 값을 제공하지 않으면 null이 된다.
@@ -3224,7 +3475,8 @@ interface RangedSeriesOptions extends ClusterableSeriesOptions {
 declare const WaterfallSeriesType = "waterfall";
 /**
  * 폭포(Waterfall) 시리즈.<br/>
- * 순서대로 추가되는 증가/감소 값들의 누적 상태를 표시하는 데 사용된다.<br/><br/>
+ * {@page op.SeriesOptions#type}은 'waterfall'이다.<br/>
+ * 순서대로 추가되는 증가/감소 값들의 누적 상태를 표시하는 데 사용된다.<br/>
  *
  * {@page data}는 아래 형식들로 전달할 수 있다.<br/>
  *
@@ -3277,10 +3529,23 @@ type LineSeriesOptionsType = typeof LineSeriesTypes[keyof typeof LineSeriesTypes
 type SeriesOptionsType = SeriesOptions | SeriesGroupOptions | BarRangeSeriesOptions | BarSeriesOptions | BarSeriesGroupOptions | BellCurveSeriesOptions | BoxPlotSeriesOptions | BubbleSeriesOptions | BumpSeriesGroupOptions | CandlestickSeriesOptions | CircleBarSeriesOptions | DumbbellSeriesOptions | EqualizerSeriesOptions | ErrorBarSeriesOptions | FunnelSeriesOptions | HeatmapSeriesOptions | HistogramSeriesOptions | AreaRangeSeriesOptions | AreaSeriesOptions | LineSeriesOptions | LineSeriesGroupOptions | SplineSeriesOptions | LollipopSeriesOptions | OhlcSeriesOptions | ParetoSeriesOptions | PieSeriesOptions | PieSeriesGroupOptions | ScatterSeriesOptions | TreemapSeriesOptions | VectorSeriesOptions | WaterfallSeriesOptions;
 
 /**
- * 차트 제목(title) 설정 모델.<br/>
+ * 차트 제목(title) 설정 옵션.<br/>
  * 기본적으로 차트 중앙 상단에 표시되지만 {@page align}, {@page verticalAlign} 등으로 위치를 변경할 수 있다.<br/>
+ * 별도 설정이 없으면 'Title' 문자열이 표시된다. 또, {@page config.subtitle 부제목}을 별도로 표시할 수 있다.
+ *
+ * ```js
+ * const config = {
+ *      title: {
+ *          text: '2024 년간 자료 현황',
+ *          align: 'left',
+ *          ...
+ *      },
+ * };
+ * ```
+ *
  * {@page guide.title 타이틀 개요} 페이지를 참조한다.
  *
+ * @css 'rct-title'
  * @config chart.title
  */
 interface TitleOptions extends ChartItemOptions {
@@ -3365,10 +3630,23 @@ declare const _SubtitlePosition: {
 };
 type SubtitlePosition = typeof _SubtitlePosition[keyof typeof _SubtitlePosition];
 /**
- * 차트 부제목(subtitle) 설정 모델.<br/>
- * 기본적으로 주 제목(title)의 설정을 따르고, 몇가지 속성들이 추가된다.<br/>
- * {@page guide.subtitle 부제목 개요} 페이지를 참조한다.
+ * 차트 제목 주위에 표시되는 부제목 옵션.<br/>
+ * 기본적으로 주제목(title)의 설정을 따르고, 몇가지 속성들이 추가된다.<br/>
+ * 별도 설정이 없으면 표시되지 않는다.
  *
+ * ```js
+ *  const config = {
+ *      title: {},
+ *      subtitle: {
+ *          visible: true,
+ *          text: '출처: UN Data, 2020',
+ *      },
+ *  };
+ * ```
+ *
+ * {@page guide.title 제목 개요} 페이지를 참조한다.
+ *
+ * @css 'rct-subtitle'
  * @config chart.subtitle
  */
 interface SubtitleOptions extends TitleOptions {
@@ -3396,11 +3674,22 @@ interface SubtitleOptions extends TitleOptions {
     text?: string;
 }
 /**
+ * 차트 전체에 영향을 미치는 옵션들.<br/>
+ *
+ * ```js
+ * const config = {
+ *      options: {
+ *          theme: 'dark',
+ *      },
+ * };
+ * ```
+ *
  * @config chart.options
  */
 interface ChartOptionsOptions extends ChartItemOptions {
     /**
-     * theme 이름.
+     * theme 이름.<br/>
+     * **realreport-style.css**에 기본 theme이 정의되어 있다.
      */
     theme?: string;
     /**
@@ -3424,6 +3713,27 @@ interface ChartOptionsOptions extends ChartItemOptions {
      * @default true
      */
     animatable?: boolean;
+    /**
+     * javascript에서 숫자 단위로 전달되는 날짜값은 기본적으로 local이 아니라 new Date 기준이다.
+     * 그러므로 보통 숫자로 지정된 날짜값은 utc 값이다.
+     * local 기준으로 표시하기 위해, 숫자로 지정된 날짜값에 더해야 하는 시간을 분단위로 지정한다.<br/>
+     * ex) 한국은 -9 * 60
+     *
+     * 명시적으로 지정하지 않으면 현재 위치에 따른 값으로 자동 설정된다.<br/>
+     * [주의] 차트 로딩 후 변경할 수 없다.
+     *
+     * @default 지역 시간의 timezone offset.
+     */
+    timeOffset?: number;
+    /**
+     * 한 주의 시작 요일.<br/>
+     * ex) 0: 일요일, 1: 월요일
+     *
+     * [주의] 차트 로딩 후 변경할 수 없다.
+     *
+     * @default 0
+     */
+    startOfWeek?: number;
     /**
      * x축 값이 설정되지 않은 시리즈 첫번째 데이터 point에 설정되는 x값.<br/>
      * 이 후에는 {@page xStep}씩 증가시키면서 설정한다.
@@ -3478,53 +3788,65 @@ interface ZoomButtonOptions extends ChartItemOptions {
     visible?: boolean;
 }
 /**
- * 시리즈 및 게이지들이 plotting되는 영역 모델.\
- * 설정 모델 등에서 'body'로 접근한다.
+ * {@page config.base.series 시리즈}나 {@page config.base.gauge 게이지}들이 그려지는 영역 설정 옵션.<br/>
+ *
+ * ```js
+ *  const chart = {
+ *      body: {
+ *          radius: '40%',
+ *          circular: false,
+ *      },
+ *  };
+ * ```
  *
+ * @css 'rct-body'
  * @config chart.body
  */
 interface BodyOptions extends ChartItemOptions {
     /**
-     * @override
-     * @default undefined
-     */
-    visible?: boolean;
-    /**
-     * 차트가 극좌표(polar)일 때 반지름.
+     * 차트가 극좌표(polar)일 때 반지름.<br/>
      *
+     * @default '45%'
      */
     radius?: PercentSize;
     /**
-     * 차트가 극좌표(polar)일 때 중심 x 좌표.
+     * 차트가 극좌표(polar)일 때 중심 x 좌표.<br/>
      *
+     * @default '50%'
      */
     centerX?: PercentSize;
     /**
-     * 차트가 극좌표(polar)일 때 중심 y 좌표.
+     * 차트가 극좌표(polar)일 때 중심 y 좌표.<br/>
      *
+     * @default '50%'
      */
     centerY?: PercentSize;
     /**
-     * false이면 polar 차트일 때, x 축선과 y축 그리드 선들을 다각형으로 표시한다.
+     * false이면 polar 차트일 때, x 축선과 y축 그리드 선들을 다각형으로 표시한다.<br/>
      *
+     * @default true
      */
     circular?: boolean;
     /**
-     * 배경 이미지 설정 모델
-     *
+     * 배경 이미지 설정 옵션.<br/>
      */
     image?: BackgroundImageOptions;
     /**
      * plot 영역 마우스 드래깅을 통한 zooming 방식.
      *
+     * @default 'none'
      */
     zoomType?: 'none' | 'x' | 'y' | 'both';
     /**
-     * Zoom 리셋 버튼 설정 모델.
-     *
+     * Zoom 리셋 버튼 설정 옵션.<br/>
      */
     zoomButton?: ZoomButtonOptions;
-    annotations?: AnnotationOptionsType[];
+    /**
+     * body 영역 내에 표시되는 어노테이션 옵션.<br/>
+     * 옵션 객체 또는 옵션 객체 배열로 여러 어노테이션을 설정할 수 있다.<br/>
+     * [주의] 이전 버전의 설정을 로드하기 위해, 이 속성이 지정되지 않고 'annotations' 설정이 존재하면 load 후 이 속성으로 설정한다.
+     */
+    annotation?: AnnotationOptionsType | AnnotationOptionsType[];
 }
 interface PaneBodyOptions$1 extends BodyOptions {
 }
@@ -3533,11 +3855,12 @@ interface NavigiatorHandleOptions extends ChartItemOptions {
 interface NavigiatorMaskOptions extends ChartItemOptions {
 }
 /**
- * 시리즈 내비게이터 모델.<br/>
- * 내비게이터에 표시되는 시리즈는 기본적으로 'area' 시리즈로 표시되지만,
- * 'line', 'area', 'bar' 시리즈로 지정할 수도 있다.<br/>
+ * 시리즈 내비게이터 설정 옵션.<br/>
+ * 내비게이터에 표시되는 시리즈는 기본적으로 {@page config.series.area 'area'} 시리즈로 표시되지만,
+ * {@page config.series.line 'line'}, {@page config.series.area 'area'},
+ * {@page config.series.bara 'bar'} 시리즈로 지정할 수도 있다.<br/>
  * 내비게이터의 x축 종류는 명시적으로 설정하지 않으면 소스 시리즈의 x축 type을 따라간다.
- * y축은 항상 'linear'로 생성된다.
+ * y축은 항상 {@page config.yAxis.linear 'linear'}로 생성된다.
  *
  * @config chart.seriesNavigator
  */
@@ -3602,26 +3925,77 @@ interface SeriesNavigatorOptions extends ChartItemOptions {
     gapFar?: number;
 }
 /**
- * 차트 개발 제작자 등을 표시하는
- * 크레딧 영역에 대한 설정 모델.
+ * 차트 개발 제작자 등을 표시하는 크레딧 영역 설정 옵션.<br/>
+ * 기본적으로 오른쪽 아래 모서리에 RealChart 버전을 작게 표시한다.<br/>
+ *
+ * ```js
+ *  const config = {
+ *      options: {
+ *          credits: {
+ *              text: 'UN Data',
+ *              url: 'https://data.un.org'
+ *          },
+ *      },
+ *  };
+ * ```
+ *
+ * ***className&nbsp;*** 'rct-credits'
  */
 interface CreditsOptions extends ChartItemOptions {
     /**
-     * 제작자 이름 등 표시 텍스트.
+     * 제작자 이름 등 표시 텍스트.<br/>
+     *
+     * @default 'RealChart v1.0'
      */
     text?: string;
     /**
-     * 영역을 클릭했을 때 이 속성에 지정한 곳으로 창을 연다.
+     * 영역을 클릭했을 때, 이 속성에 지정한 곳으로 새 페이지를 연다.<br/>
+     *
+     * @default 'https://realchart.co.kr'
      */
     url?: string;
     /**
-     * true로 지정하면 별도의 영역을 차지하지 않고 차트 본체 내부에 위치한다.
+     * true로 지정하면 별도의 영역을 차지하지 않고 차트 본체 내부에 위치한다.<br/>
+     * {@page align}이 'center'이고 {@page verticalAlign}이 'middle'일 때도
+     * 본체 내부에 표시된다.
+     *
+     * @default false
      */
     floating?: boolean;
+    /**
+     * 차트 영역 내에서 credits의 수평 정렬.<br/>
+     *
+     * @default 'right'
+     */
     align?: Align;
+    /**
+     * 차트 영역 내에서 credits의 수직 정렬.<br/>
+     *
+     * @default 'bottom'
+     */
     verticalAlign?: VerticalAlign;
+    /**
+     * 설정에 따라 정해진 표시 위치에서 떨어진 수평 간격.<br/>
+     * {@page floating}이 true가 아니고,
+     * 오른쪽 중앙에 표시되는 경우에는 credits 표시 영역 계산 시 너비에 포함된다.
+     *
+     * @default 2
+     */
     offsetX?: number;
+    /**
+     * 설정에 따라 정해진 표시 위치에서 떨어진 수직 간격.<br/>
+     * {@page floating}이 true가 아니고,
+     * 중앙에 표시되는 경우가 아니면 credits 표시 영역 계산 시 높이에 포함된다.
+     *
+     * @default 1
+     */
     offsetY?: number;
+    /**
+     * {@link floating}이 true가 아니고, 오른쪽 아래 또는 오른쪽 가운데에 표시될 때,
+     * 차튼 나머지 영역과의 간격.<br/>
+     *
+     * @default 4
+     */
     gap?: number;
 }
 /**
@@ -3661,8 +4035,7 @@ declare const _PointHoverScope: {
 };
 type PointHoverScope = typeof _PointHoverScope[keyof typeof _PointHoverScope];
 /**
- * 데이터포인트에 마우수가 올라갈 때 처리하는 방식 설정 모델.<br/>
- *
+ * 데이터포인트에 마우수가 올라갈 때 처리하는 방식 설정 옵션.<br/>
  */
 interface PointHoveringOptions extends ChartItemOptions {
     /**
@@ -3698,8 +4071,10 @@ declare const _TooltipScope: {
 };
 type TooltipScope = typeof _TooltipScope[keyof typeof _TooltipScope];
 /**
- * Tooltip 설정 모델.
+ * 데이터포인트 뷰에 마우스가 올라가면 표시되는 툴팁 상자 옵션.<br/>
+ * {@page guide.tooltip 툴팁 개요} 페이지를 참조한다.
  *
+ * @css 'rct-tooltip'
  * @config chart.tooltip
  */
 interface TooltipOptions extends ChartItemOptions {
@@ -4034,6 +4409,7 @@ declare class TextElement extends RcElement {
     setContrast(target: Element, darkStyle: SVGStyleOrClass, brightStyle: SVGStyleOrClass): TextElement;
     clearDom(): void;
     setStyles(styles: any): boolean;
+    applyStyles(styles: any): void;
     setStyle(prop: string, value: string): boolean;
     getBBox(): IRect;
     getBBoundsTest(): IRect;
@@ -4087,8 +4463,8 @@ declare class SvgRichText {
 }
 
 /**
- * {@page Series 시리즈}, {@page rc.Axis 축}, {@page rc.Legend legend} 등 차트 구성 요소들의 모델 클래스.<br/>
- * {@page updateOptions}등의 공통 메소드들이 포힘되어 있다.
+ * {@page Series 시리즈}, {@page rc.Axis 축}, {@page rc.Legend legend} 등, 차트 구성 요소 모델들의 기반 클래스.<br/>
+ * {@page updateOptions}등의 공통 메소드들이 구현되어 있다.
  */
 declare class ChartItem<OP extends ChartItemOptions = ChartItemOptions> extends RcObject {
     static readonly REFRESHED = "refreshed";
@@ -4289,6 +4665,11 @@ declare abstract class ChartItemCollection<T extends ChartItem> {
     abstract load(src: any, inBody?: boolean): void;
     updateOptions(source: any, render: boolean): void;
 }
+/**
+ * {@page rc.Title 타이틀}, {@page rc.DataPointLabel 데이터포인트 라벨} 등,
+ * 차트에 표시되는 텍스트 설정 모델들의 기반 클래스.<br/>
+ * 설정 {@link options} 모델은 {@page op.ChartTextOptions}이다.
+ */
 declare abstract class ChartText<OP extends ChartTextOptions> extends ChartItem<OP> {
     static defaults: ChartTextOptions;
     private _outlineThickness;
@@ -4303,14 +4684,21 @@ declare abstract class ChartText<OP extends ChartTextOptions> extends ChartItem<
     private _setNumberSymbols;
     private _setNumberFormat;
     private _setText;
+    /** @internal */
     setText(value: string): void;
+    /** @internal */
     buildSvg(view: TextElement, outline: TextElement, maxWidth: number, maxHeight: number, target: any, domain: IRichTextDomain): void;
+    /** @internal */
     prepareRich(text: string): void;
     protected _doSetSimple(src: any): boolean;
     protected _doApply(options: ChartTextOptions): void;
     private $_getNumberText;
     protected _getText(text: string, value: any, useSymbols: boolean, forceSymbols: boolean): string;
 }
+/**
+ * 텍스트 주위에 이미지 아이콘이 표시되는 {@link rc.ChartText 차트 텍스트} 모델.<br/>
+ * 설정 {@link options} 모델은 {@page op.IconedTextOptions}이다.
+ */
 declare abstract class IconedText<OP extends IconedTextOptions = IconedTextOptions> extends ChartText<OP> {
     static defaults: IconedTextOptions;
     private _images;
@@ -4392,11 +4780,13 @@ declare const _LegendLocation: {
 };
 type LegendLocation = typeof _LegendLocation[keyof typeof _LegendLocation];
 /**
- * 차트 시리즈 구성을 직관적으로 이해할 수 있도록 도와주는 범례 설정 모델.<br/>
- * visible 기본값이 undefined이고,
+ * 차트 시리즈 구성 등을 직관적으로 이해할 수 있도록 도와주는 범례 설정 옵션.<br/>
+ * 시리즈나 데이터포인트 등의 이름과 심볼을 같이 표시할 수 있다.<br/>
+ * {@page visible} 기본값이 undefined이고,
  * 따로 지정하지 않으면 시리즈가 둘 이상 포함돼야 legend가 표시된다.<br/>
  * {@page guide.legend 범례 개요} 페이지를 참조한다.
  *
+ * @css 'rct-legend' legend 기본 class.
  * @config chart.legend
  */
 interface LegendOptions extends ChartItemOptions {
@@ -4404,7 +4794,7 @@ interface LegendOptions extends ChartItemOptions {
      * @override
      *
      * 명시적 true로 지정하고 항목이 하나라도 존재하거나,
-     * 명시적 false가 아닌 경우 항목이 둘 이상이면 표시된다.
+     * 명시적 false가 아닌 경우 항목이 둘 이상이면 표시된다.<br/>
      *
      * @fiddle common/legend-visible Legend Visible
      * @default undefined
@@ -4415,114 +4805,127 @@ interface LegendOptions extends ChartItemOptions {
      */
     reversed?: boolean;
     /**
-     * 표시 위치.
+     * 표시 위치.<br/>
      *
+     * @default 'bottom'
      */
     location?: LegendLocation;
     /**
-     * item 배치 방향.
+     * item 배치 방향.<br/>
      *
+     * @default 'auto'
      */
     layout?: LegendLayout;
     /**
-     * legend 정렬 기준.
+     * legend 정렬 기준.<br/>
      *
+     * @default 'body'
      */
     alignBase?: AlignBase;
     /**
      * {@page location}이 'body'가 아닐 때,
-     * legend view와 나머지 chart 영역 사이의 gap.
+     * legend view와 나머지 chart 영역 사이의 gap.<br/>
      *
+     * @default 6 (픽셀)
      */
     gap?: number;
     /**
-     * legend 아이템들 사이의 간격.
+     * legend 아이템들 사이의 간격.<br/>
      *
+     * @default 8 (픽셀)
      */
     itemGap?: number;
     /**
-     * marker 표시 여부.
+     * marker 표시 여부.<br/>
      *
+     * @default true
      */
     markerVisible?: boolean;
     /**
-     * marker 크기.
+     * marker 크기.<br/>
      *
-     * @default 10 픽셀.
+     * @default 10 (픽셀).
      */
     markerSize?: number;
     /**
-     * marker와 text사이의 간격.
+     * marker와 text사이의 간격.<br/>
      *
+     * @default 4 (픽셀).
      */
     markerGap?: number;
     /**
-     * 배경 스타일 셋.
+     * 배경 스타일 셋.<br/>
      * 배경 색상 및 경계선 스타일을 지정할 수 있다.
-     *
      */
     backgroundStyle?: SVGStyleOrClass;
     /**
-     * 한 줄 당 표시할 최대 legend 항목 수.
-     *
+     * 한 줄 당 표시할 최대 legend 항목 수.<br/>
      */
     itemsPerLine?: number;
     /**
-     * 라인 사이의 간격.
+     * 라인 사이의 간격.<br/>
      *
+     * @default 4 (픽셀).
      */
     lineGap?: number;
     /**
      * 수평 {@page layout 배치}일 때,
-     * 최대 너비를 픽셀 단위의 크기 혹은 body 너비에 대한 상대 길이를 '%'로 지정한다.
-     *
+     * 최대 너비를 픽셀 단위의 크기 혹은 body 너비에 대한 상대 길이를 '%'로 지정한다.<br/>
      */
     maxWidth?: PercentSize;
     /**
      * 수직 {@page layout 배치}일 때,
-     * 최대 높이를 픽셀 단위의 크기 혹은 body 높이에 대한 상대 길이를 '%'로 지정한다.
-     *
+     * 최대 높이를 픽셀 단위의 크기 혹은 body 높이에 대한 상대 길이를 '%'로 지정한다.<br/>
      */
     maxHeight?: PercentSize;
     /**
-     * 수평 배치.
+     * 수평 배치.<br/>
      * 값을 지정하지 않으면, 기본값이 {@page location}이 'body'일 때는 'left',
-     * 'left', 'right'일 때는 'center'이다.
-     *
+     * 'left', 'right'일 때는 'center'이다.<br/>
      */
     align?: Align;
     /**
-     * 수직 배치.
+     * 수직 배치.<br/>
      * 값을 지정하지 않으면, 기본값이 {@page location}이 'body'일 때는 'top',
-     * 'top', 'bottom'일 때는 'middle'이다.
-     *
+     * 'top', 'bottom'일 때는 'middle'이다.<br/>
      */
     verticalAlign?: VerticalAlign;
     /**
-     * 범례와 body 혹은 차트 경계 사이의 수평 간격.
+     * 범례와 body 혹은 차트 경계 사이의 수평 간격.<br/>
      *
+     * @default 0
      */
     offsetX?: number;
     /**
-     * 범례와 body 혹은 차트 경계 사이의 수직 간격.
+     * 범례와 body 혹은 차트 경계 사이의 수직 간격.<br/>
      *
+     * @default 0
      */
     offsetY?: number;
     /**
-     * 한 라인의 item들이 배치되는 위치.
+     * 한 라인의 item들이 배치되는 위치.<br/>
      *
+     * @default 'center'
      */
     itemsAlign?: LegendItemsAlign;
     /**
-     * 범례 항목의 텍스트에도 marker와 동일한 색상을 적용한다.
-     *
+     * 범례 항목의 텍스트에도 marker와 동일한 색상을 적용한다.<br/>
      */
     useTextColor?: boolean;
     /**
-     * 시리즈가 연결된 범례 아이템에 마우스가 올라가면 나머지 시리즈들을 반투명 처리해서 연결된 시리즈를 강조한다.
+     * 시리즈가 연결된 범례 아이템에 마우스가 올라가면 나머지 시리즈들을 반투명 처리해서
+     * 연결된 시리즈를 강조한다.<br/>
      *
+     * @default true
      */
     seriesHovering?: boolean;
+    /**
+     * 데이터포인트 연결된 범례 아이템에 마우스가 올라가면 시리즈의 나머지 데이터포인트들을 반투명 처리해서
+     * 연결된 데이터포인트를 강조한다.<br/>
+     *
+     * @default true
+     */
+    pointHovering?: boolean;
 }
 
 /**
@@ -4549,7 +4952,6 @@ interface ILegendSource {
 declare class LegendItem extends ChartItem<ChartItemOptions> {
     legend: Legend;
     source: ILegendSource;
-    static readonly MARKER_SIZE = 10;
     constructor(legend: Legend, source: ILegendSource);
     text(): string;
 }
@@ -4585,6 +4987,7 @@ declare class Legend extends Widget<LegendOptions> {
     getLayout(): LegendLayout;
     getMaxWidth(domain: number): number;
     getMaxHeight(domain: number): number;
+    getMarkerSize(): number;
     protected _isVisible(): boolean;
     protected _doApply(options: LegendOptions): void;
     protected _doPrepareRender(chart: IChart): void;
@@ -4599,8 +5002,8 @@ interface ITooltipOwner {
     getTooltipContext(level: TooltipScope, series: ISeries, point: DataPoint): ITooltipContext;
 }
 /**
- * Tooltip 설정 모델.<br/>
- * 설정 {@link options} 모델은 {@page op.TooltipOptions}이고,
+ * Tooltip 모델.<br/>
+ * 설정 {@link options}은 {@page op.TooltipOptions}이고,
  * {@page config.tooltip} 항목으로 설정한다.
  * ```js
  * const config = {
@@ -4762,7 +5165,6 @@ interface ISeries extends IPlottingItem {
     displayName(): string;
     initPoints(source: any[]): DataPoint[];
     getPoints(): DataPointCollection;
-    isVisible(p: DataPoint): boolean;
     followPointer(): boolean;
     isMarker(): boolean;
 }
@@ -4927,17 +5329,15 @@ declare abstract class Series<OP extends SeriesOptions = SeriesOptions> extends
     private $_prepareViewRanges;
     pointValuesPrepared(axis: IAxis): void;
     reference(other: Series, axis: IAxis): void;
-    isVisible(point: DataPoint): boolean;
     getLegendSources(list: ILegendSource[]): void;
     getLabelPosition(p: PointItemPosition): PointItemPosition;
     getLabelOff(off: number): number;
     referBy(ref: Series): void;
     setPointVisible(p: DataPoint, visible: boolean): void;
-    protected _createPointArgs(): DataPointCallbackArgs;
     protected _preparePointArgs(args: DataPointCallbackArgs): void;
-    protected _getPointCallbackArgs(args: DataPointCallbackArgs, p: DataPoint): void;
-    getPointText(p: DataPoint, label: any): string;
-    getPointStyle(p: DataPoint): any;
+    _getPointCallbackArgs(args: DataPointCallbackArgs, p: DataPoint): void;
+    getPointText(p: DataPoint, index: number, label: any): string;
+    getPointStyle(p: DataPoint): SVGStyleOrClass;
     getPointLabelStyle(p: DataPoint): any;
     pointClicked(p: DataPoint): boolean;
     pointHovered(p: DataPoint): void;
@@ -5049,6 +5449,7 @@ declare abstract class Series<OP extends SeriesOptions = SeriesOptions> extends
     protected _doPrepareRender(): void;
     protected _setViewRange(p: DataPoint, axis: 'x' | 'y' | 'z'): void;
     _defViewRangeValue(): 'x' | 'y' | 'z';
+    protected _canSort(): boolean;
 }
 type PlottingItem = Series | SeriesGroup;
 /**
@@ -5087,12 +5488,14 @@ declare class PlottingItemCollection extends ChartItemCollection<PlottingItem> {
     private $_add;
 }
 /**
- *
+ * dumbbell 시리즈 등에 표시되는 마커.
  */
 declare abstract class SeriesMarker<OP extends SeriesMarkerOptions = {}> extends ChartItem<OP> {
     series: Series;
     static defaults: SeriesMarkerOptions;
+    private _args;
     constructor(series: Series);
+    getMarkerStyle(p: DataPoint): any;
 }
 declare class WidgetSeriesPoint extends DataPoint implements ILegendSource {
     _calcedColor: string;
@@ -5120,10 +5523,8 @@ declare abstract class WidgetSeries<OP extends WidgetSeriesOptions = {}> extends
     canMaxPadding(axis: IAxis, max: number): boolean;
 }
 /**
- * 직교 좌표계가 표시된 경우, plot area 영역을 기준으로 size, centerX, centerY가 적용된다.
- * <br>
- * TODO: 현재 PieSeris만 계승하고 있다. 추후 PieSeries에 합칠 것.
- *
+ * 직교 좌표계가 표시된 경우, plot area 영역을 기준으로 size, centerX, centerY가 적용된다.<br/>
+ * //TODO: 현재 PieSeris만 계승하고 있다. 추후 PieSeries에 합칠 것.
  */
 declare abstract class RadialSeries<OP extends RadialSeriesOptions = RadialSeriesOptions> extends WidgetSeries<OP> {
     static defaults: RadialSeriesOptions;
@@ -5311,7 +5712,8 @@ declare abstract class DataPoint {
     assignTo(proxy?: any): any;
     getProp(fld: string | number): any;
     parse(series: ISeries): void;
-    getLabelValue(index: number): any;
+    getPointLabel(index: number): any;
+    getPointText(index: number): string;
     swap(): void;
     updateValues(series: ISeries, values: any): any;
     getTooltip(param: string): any;
@@ -5364,10 +5766,12 @@ declare class DataPointCollection {
 declare class RangedPoint extends DataPoint {
     low: any;
     lowValue: number;
+    lowLabel: any;
     get high(): number;
     get highValue(): number;
     labelCount(): number;
-    getLabelValue(index: number): number;
+    getPointLabel(index: number): any;
+    getPointText(index: number): any;
     protected _assignTo(proxy: any): any;
     protected _valuesChangd(prev: any): boolean;
     protected _readArray(series: LowRangedSeries, v: any[]): void;
@@ -5443,41 +5847,57 @@ interface IAxis {
     isBreak(pos: number): boolean;
 }
 /**
- * {@page Axis 축} 구성 요소들의 기반 모델<br/>
+ * 축 {@page AxisTitle 타이틀}, {@page AxisLink line}, {@page AxisTick tick} 등,
+ * {@page Axis 축} 구성 요소 모델들의 기반(base) 클래스.<br/>
  */
 declare abstract class AxisItem<OP extends AxisItemOptions> extends ChartItem<OP> {
     readonly axis: Axis;
     constructor(axis: Axis);
 }
 /**
- * 축 선(line) 설정 모델.<br/>
- * {@page options} 모델은 {@page op.AxisLineOptions}이다.
+ * 축 선(line) 모델.<br/>
+ * {@page options 옵션} 모델은 {@page op.AxisLineOptions}이고,
+ * {@page config.base.axis.line 'line'} 항목으로 설정한다.
+ *
+ * ```js
+ *  const config = {
+ *      xAxis: {
+ *          line: {
+ *              style: {
+ *                  stroke: 'red',
+ *                  strokeDasharray: '4'
+ *              },
+ *          },
+ *      },
+ *  };
+ * ```
  */
-declare class AxisLine extends AxisItem<AxisLineOptions> {
+declare class AxisLine<OP extends AxisLineOptions = AxisLineOptions> extends AxisItem<OP> {
     static defaults: AxisLineOptions;
     protected _isVisible(): boolean;
     protected _doSetSimple(src: any): boolean;
 }
 /**
- * 축 타이틀 설정 모델.<br/>
- * {@page options} 모델은 {@page op.AxisTitleOptions}이다.
+ * 축 타이틀 모델.<br/>
+ * {@page options 옵션} 모델은 {@page op.AxisTitleOptions}이고,
+ * {@page config.base.axis#title} 항목으로 설정한다.
+ *
+ * ```js
+ *  const config = {
+ *      xAxis: {
+ *          title: {
+ *              text: '서울시 년간 강우량',
+ *              style: {
+ *                  fontSize: '30px',
+ *              },
+ *          },
+ *      },
+ *  };
+ * ```
  */
 declare class AxisTitle extends AxisItem<AxisTitleOptions> {
     static defaults: AxisTitleOptions;
     private _rotation;
-    /**
-     * 타이틀을 가로 또는 세로로 배치할지 여부와 블록이 진행되는 방향을 지정한다.
-     *
-     * @config
-     */
-    writingMode: WritingMode;
-    /**
-     * 텍스트 문자 방향을 지정한다.
-     * 세로 모드의 텍스트에만 적용된다.
-     *
-     * @config
-     */
-    textOrientation: TextOrientation;
     getRotation(): number;
     protected _isVisible(): boolean;
     protected _doSetSimple(src: any): boolean;
@@ -5501,7 +5921,7 @@ declare class AxisGridRows extends AxisItem<AxisGridRowsOptions> {
  * Axis tick의 위치에 수평 혹은 수직선으로 plot 영역을 구분 표시한다.<br/>
  * {@page visible} 기본값이 undefined인데,
  * visible이 undefined나 null로 지정되면, 축 위치에 따라 visible 여부가 결정된다.
- * {@page options} 모델은 {@page op.AxisGridOptions}이다.
+ * {@page options 옵션} 모델은 {@page op.AxisGridOptions}이다.
  */
 declare abstract class AxisGrid<OP extends AxisGridOptions = AxisGridOptions> extends AxisItem<OP> {
     static defaults: AxisGridOptions;
@@ -5539,8 +5959,22 @@ declare abstract class AxisGuide<OP extends AxisGuideOptions = AxisGuideOptions>
     canConstainedTo(row: number, col: number): boolean;
 }
 /**
- * 축에 표시되는 tick 위치와 표시 마크에 관한 설정 모델.<br/>
- * {@page options} 모델은 {@page op.AxisTickOptions}이다.
+ * 축 tick 표시 방식과 tick 위치 마다 표시되는 선(line) 등에 대한 모델들의 기반(base) 클래스.<br/>
+ * 축 종류에 따라 다양한 설정 속성들이 존재한다.
+ * {@page options 옵션} 모델은 {@page op.AxisTickOptions}이고,
+ * {@page config.base.axis#tick 'tick'} 항목으로 설정한다.<br/>
+ * 별도 설정이 없으면 표시되지 않는다.
+ *
+ * ```js
+ *  const config = {
+ *      xAxis: {
+ *          tick: {
+ *              visible: true,
+ *              length: 10
+ *          }
+ *      },
+ *  };
+ * ```
  */
 declare abstract class AxisTick<OP extends AxisTickOptions = AxisTickOptions> extends AxisItem<OP> {
     static defaults: AxisTickOptions;
@@ -5548,8 +5982,22 @@ declare abstract class AxisTick<OP extends AxisTickOptions = AxisTickOptions> ex
     protected _doSetSimple(src: any): boolean;
 }
 /**
- * 축 label 설정 모델.<br/>
- * {@page options} 모델은 {@page op.AxisLabelOptions}이다.
+ * 축 label 모델.<br/>
+ * {@page options 옵션} 모델은 {@page op.AxisLabelOptions}이고,
+ * {@page config.base.axis.label 'label'} 항목으로 설정한다.
+ *
+ * ```js
+ *  const config = {
+ *      xAxis: {
+ *          label: {
+ *              rotation: -45,
+ *              style: {
+ *                  fill: 'red',
+ *              },
+ *          },
+ *      },
+ *  };
+ * ```
  *
  * //[겹치는 경우가 발생할 때]
  * //1. step이 0보다 큰 값으로 설정되면 반영한다.
@@ -5580,9 +6028,20 @@ interface IAxisTick {
     label: string;
 }
 /**
- * 축 스크롤바 모델.<br/>
- * 축 스크롤 상태를 표시하고, 사용자가 스크롤 범위나 위치를 변경할 수 있다.<br/>
- * {@page options} 모델은 {@page op.AxisScrollBarOptions}이다.
+ * {@page rc.Axis 축} 스크롤바 모델.<br/>
+ * 축이 {@page rc.Axis.isZoomed zoom} 상태일 때, 사용자가 스크롤 범위나 위치를 변경할 수 있다.<br/>
+ * {@page options 옵션} 모델은 {@page op.AxisScrollBarOptions}이고,
+ * {@page config.base.axis.scrollBar 'scrollBar'} 항목으로 설정한다.
+ *
+ * ```js
+ *  const config = {
+ *      xAxis: {
+ *          scrollBar: {
+ *              visible: true
+ *          },
+ *      },
+ *  };
+ * ```
  */
 declare class AxisScrollBar extends AxisItem<AxisScrollBarOptions> {
     static defaults: AxisScrollBarOptions;
@@ -5608,14 +6067,29 @@ declare class AxisZoom {
     resize(start: number, end: number, minSize: number): boolean;
 }
 /**
- * 부채꼴 polar 좌표계의 X 축일 때 원호의 양 끝과 중심에 연결되는 선분들의 설정모델.<br/>
- * {@page config.xAxis.category#startAngle startAngle}, {@page config.xAxis.category#totalAngle totalAngle}을 참조한다.
+ * 전체 각도가 360도 보다 작은 부채꼴 {@page config.#polar} 좌표계의 X 축에서 원호의 양 끝과 중심에 연결되는 두 선분 모델.<br/>
+ * {@page options 옵션} 모델은 {@page op.AxisSectorLineOptions}이고,
+ * {@page config.base.axis#sectorLine 'sectorLine'} 항목으로 설정한다.<br/>
+ *
+ * ```js
+ *  const config = {
+ *      polar: true,
+ *      xAxis: {
+ *          totalAngle: 270,
+ *          sectorLine: {
+ *              strokeWidt: '2px'
+ *          },
+ *      }
+ *  };
+ * ```
+ *
+ * {@page config.base.axis#startAngle startAngle}, {@page config.base.axis#totalAngle totalAngle}을 참조한다.
  */
-declare class AxisSectorLine extends AxisLine {
+declare class AxisSectorLine extends AxisLine<AxisSectorLineOptions> {
 }
 /**
- * 차트 축 모델들의 기반 클래스.<br/>
- * {@page options} 모델은 {@page op.AxisOptions}이다.<br/>
+ * 차트 축 모델들의 기반(base) 클래스.<br/>
+ * {@page options 옵션} 모델은 {@page op.AxisOptions}이다.<br/>
  * 축은 시리즈 데이터포인트들이 표시될 위치를 지정하는 차트의 핵심 구성 요소이고,
  * 축 설정에 따라 같은 데이터도 다양한 배치로 표현될 수 있다.<br/>
  * 기본 적으로 카테고리 축과 연속 축으로 구별되며, 2차원 차트에 맞게 **x|y** 축을 구별해서 설정한다.
@@ -5774,9 +6248,26 @@ declare abstract class Axis<OP extends AxisOptions = AxisOptions> extends ChartI
     getValue(value: any): number;
     incStep(value: number, step: any): number;
     contains(value: number): boolean;
+    trimRange(from: number, to: number): [number, number];
+    /**
+     * zoom 상태를 제거한다.<br/>
+     */
     resetZoom(): void;
     _prepareZoom(): AxisZoom;
+    /**
+     * zoom 상태를 새로운 범위로 변경한다.<br/>
+     *
+     * @param start 표시할 시작 값.
+     * @param end 표시할 끝 값.
+     * @param minSize 최소 범위
+     * @returns zoom 상태가 변경되면 true.
+     */
     zoom(start: number, end: number, minSize?: number): boolean;
+    /**
+     * zoom 상태인 지 확인한다.<br/>
+     *
+     * @returns zoom 상태이면 true.
+     */
     isZoomed(): boolean;
     hasBreak(): boolean;
     isBreak(pos: number): boolean;
@@ -5872,6 +6363,9 @@ declare const _AxisTitleAlign: {
 type AxisTitleAlign = typeof _AxisTitleAlign[keyof typeof _AxisTitleAlign];
 interface AxisItemOptions extends ChartItemOptions {
 }
+/**
+ * 축 타이틀 설정 옵션.<br/>
+ */
 interface AxisTitleOptions extends AxisItemOptions {
     /**
      * 타이틀 텍스트.<br/>
@@ -5913,6 +6407,19 @@ interface AxisTitleOptions extends AxisItemOptions {
      *
      */
     backgroundStyle?: SVGStyleOrClass;
+    /**
+     * 타이틀을 가로 또는 세로로 배치할지 여부와 블록이 진행되는 방향을 지정한다.
+     *
+     * @config
+     */
+    writingMode?: WritingMode;
+    /**
+     * 텍스트 문자 방향을 지정한다.
+     * 세로 모드의 텍스트에만 적용된다.
+     *
+     * @config
+     */
+    textOrientation?: TextOrientation;
 }
 /**
  * 축 선(line) 설정 모델.<br/>
@@ -5934,7 +6441,19 @@ interface AxisLineOptions extends AxisItemOptions {
 interface AxisSectorLineOptions extends AxisLineOptions {
 }
 /**
- * 축에 표시되는 tick 위치와 표시 마크에 관한 설정 모델.
+ * 축 tick 표시 방식과 tick 위치 마다 표시되는 선(line) 등에 대한 설정 옵션 기반(base).<br/>
+ * 축 종류에 따라 다양한 설정 속성들이 존재한다.
+ *
+ * ```js
+ *  const config = {
+ *      xAxis: {
+ *          tick: {
+ *              visible: true,
+ *              length: 10
+ *          }
+ *      },
+ *  };
+ * ```
  */
 interface AxisTickOptions extends AxisItemOptions {
     /**
@@ -6261,14 +6780,21 @@ interface AxisGuideLabelOptions extends IconedTextOptions {
      */
     offsetY?: number;
 }
+type AxisGuideType = 'line' | 'range';
 /**
+ * 선분이나 영역으로 축 위의 특정한 값(들)을 구분 표시한다.<br/>
  * 기본적으로 이 축에 연결된 모든 body에 모두 표시된다.
  * col, row를 지정해서 특정 body에만 표시되도록 할 수 있다.
  */
 interface AxisGuideOptions extends AxisItemOptions {
+    /**
+     * 가이드 종류.<br/>
+     * //이 속성을 지정하지 않은 경우,
+     * //{@page config.base.axis.guide}
+     */
+    type?: AxisGuideType;
     /**
      * label 모델.
-     *
      */
     label?: AxisGuideLabelOptions;
     /**
@@ -6285,6 +6811,21 @@ interface AxisGuideOptions extends AxisItemOptions {
     zindex?: number;
     col?: number | number[];
     row?: number | number[];
+    /**
+     * type이 'line'일 때,
+     * 가이드 선이 표시될 축 상의 위치에 해당하는 값.<br/>
+     */
+    value?: number;
+    /**
+     * type이 'range'일 때,
+     * 가이드 영역의 시작 값.<br/>
+     */
+    startValue?: number;
+    /**
+     * type이 'range'일 때,
+     * 가이드 영역의 끝 값.<br/>
+     */
+    endValue?: number;
 }
 /**
  * Axis tick의 위치에 수평 혹은 수직선으로 plot 영역을 구분 표시한다.\
@@ -6366,7 +6907,7 @@ interface CrosshairCallbackArgs {
 }
 type CrosshairChangeCallback = (args: CrosshairCallbackArgs) => void;
 /**
- * 직선 또는 bar 형태로 축 위의 마우스 위치를 표시하는 구성 요소 모델.
+ * 직선 또는 bar 형태로 축 위의 마우스 위치를 표시하는 구성 요소 옵션.<br/>
  */
 interface CrosshairOptions extends ChartItemOptions {
     /**
@@ -6498,9 +7039,21 @@ interface AxisScrollBarOptions extends AxisItemOptions {
 }
 type AxisType = 'category' | 'linear' | 'log' | 'time';
 /**
+ * 축 설정 옵션 기반(base).<br/>
+ *
  * @config chart.axis[base]
  */
 interface AxisOptions extends ChartItemOptions {
+    /**
+     * 축 종류를 지정한다.<br/>
+     * 이 속성값이 지정되지 않은 경우,
+     *
+     * - {@page config.xAxis.category#categories}가 설정되면 'category'
+     * - x축이고 첫번째 시리즈가 category축에 연결 가능할 때 'category', 아니면 'linear'
+     * - y축이면 첫번째 시리즈의 기본 y축 타입(대부분 'linear'), 아니면 'linear'
+     *
+     * 축으로 자동 설정된다.<br/>
+     */
     type?: AxisType;
     /**
      */
@@ -6529,12 +7082,18 @@ interface AxisOptions extends ChartItemOptions {
      */
     grid?: AxisGridOptions | boolean;
     /**
+     * 가이드 옵션.<br/>
+     * 옵션 객체 또는 옵션 객체 배열로 여러 가이드를 설정할 수 있다.<br/>
+     * [주의] 이전 버전의 설정을 로드하기 위해, 이 속성이 지정되지 않고 'guides' 설정이 존재하면 load 후 이 속성으로 설정한다.
      */
-    guides?: AxisGuideOptions[];
+    guide?: AxisGuideOptions[];
     /**
+     * 직선 또는 bar 형태로 축 위의 마우스 위치를 표시하는 옵션.<br/>
      */
     crosshair?: CrosshairOptions | boolean;
     /**
+     * zoom된 축에 표시할 수 있는 스크롤바 옵션.<br/>
+     * // TODO #fiddle axis/scrollbar Axis ScrollBar
      */
     scrollBar?: AxisScrollBarOptions | boolean;
     /**
@@ -6766,7 +7325,7 @@ interface CategoryAxisOptions extends AxisOptions {
     startOffset?: number;
 }
 /**
- * 연속 축의 {@page config.yAxis.linear#baseValue} 위치에 표시되는 선 설정 모델.<br/>
+ * 연속 축의 {@page config.yAxis.linear#baseValue} 위치에 표시되는 선 설정 옵션.<br/>
  * 기본적으로 표시되지 않는다.
  */
 interface AxisBaseLineOptions extends AxisLineOptions {
@@ -6982,9 +7541,8 @@ interface TimeAxisLabelOptions extends ContinuousAxisLabelOptions {
 }
 interface TimeAxisTickOptions extends ContinuousAxisTickOptions {
     /**
-     * @override
-     *
-     * 단위가 지정된 문자열로 지정하는 경우 값이 -1 이하이거나 1 이상이어야 한다. #141
+     * @append
+     * 단위가 지정된 문자열로 지정하는 경우 값이 -1 이하이거나 1 이상이어야 한다. // #141
      */
     stepInterval: number;
 }
@@ -7006,6 +7564,7 @@ interface TimeAxisOptions extends ContinuousAxisOptions {
      * @default NaN
      */
     baseValue?: number;
+    tick?: TimeAxisTickOptions;
 }
 type AxisOptionsType = CategoryAxisOptions | LinearAxisOptions | LogAxisOptions | TimeAxisOptions;
 
@@ -7061,7 +7620,8 @@ interface ExporterOptions extends ChartItemOptions {
 }
 
 /**
- * 게이지 모델.
+ * 단일 값을 다양한 방식으로 표시한다.<br/>
+ * 또, 단일 계이지들을 여러 개 묶어서 관련된 값을 표시할 수도 있다.
  */
 interface GaugeBaseOptions extends ChartItemOptions {
     type?: GaugeType;
@@ -7123,7 +7683,8 @@ interface GaugeBaseOptions extends ChartItemOptions {
     backgroundStyle?: SVGStyleOrClass;
 }
 /**
- * 게이지 모델.
+ * 단일 값을 다양한 방식으로 표시한다.<br/>
+ *
  * @config chart.gauge[base]
  */
 interface GaugeOptions extends GaugeBaseOptions {
@@ -7133,9 +7694,14 @@ interface GaugeOptions extends GaugeBaseOptions {
      */
     duration?: number;
 }
+/**
+ * 같은 종류의 단일 계이지들을 여러 개 묶어서 관련된 값을 표시한다.<br/>
+ *
+ * @config chart.gaugeGroup[base]
+ */
 interface GaugeGroupOptions<T extends ValueGaugeOptions = ValueGaugeOptions> extends GaugeBaseOptions {
     /**
-     * 게이지 그룹 요소들의 Options 배열.
+     * 단일 게이지 옵션 배열.
      */
     children?: T[];
     /**
@@ -7363,7 +7929,8 @@ interface BulletValueBarOptions extends LinearValueBarOptions {
 }
 declare const BulletGaugeType = "bullet";
 /**
- * bullet 게이지 모델.<br/>
+ * Bullet 게이지.<br/>
+ * {@page op.GaugeOptions#type}은 'bullet'이다.<br/>
  * 현재 값을 목표 값과 비교해서 표시한다.
  * 또, {@page band}를 같이 표시하면, 여러 값 범위 중 어디에 속한 상태인 지를 나타낼 수 있다.
  *
@@ -7394,7 +7961,6 @@ interface BulletGaugeOptions extends LinearGaugeBaseOptions {
     /**
      * 값 범위 목록.
      * 범위별로 다른 스타일을 적용할 수 있다.
-     *
      */
     ranges?: ValueRange[];
     /**
@@ -7406,6 +7972,12 @@ interface BulletGaugeOptions extends LinearGaugeBaseOptions {
     rangeInclusive?: boolean;
 }
 declare const BulletGaugeGroupType = "bulletgroup";
+/**
+ * Bullet 게이지그룹.<br/>
+ * {@page op.GaugeOptions#type}은 'bulletgroup'이다.
+ *
+ * @config chart.gauge[type=bulletgroup]
+ */
 interface BulletGaugeGroupOptions extends LinearGaugeGroupBaseOptions<BulletGaugeOptions> {
     type?: typeof BulletGaugeGroupType;
     /**
@@ -7835,8 +8407,9 @@ interface CircleGaugePinOptions extends ChartItemOptions {
 }
 declare const CircleGaugeType = "circle";
 /**
- * 원형 게이지 모델.<br/>
- * 지정된 최대 각도 내에서 현재 값의 비율을 원호로 표시한다.
+ * 원형 게이지.<br/>
+ * {@page op.GaugeOptions#type}은 'circle'이다.<br/>
+ * 지정된 최대 각도 내에서 현재 값의 비율을 원호로 표시한다.<br/>
  *
  * @config chart.gauge[type=circle]
  */
@@ -7874,6 +8447,12 @@ interface CircleGaugeOptions extends CircularGaugeOptions {
     pin?: CircleGaugePinOptions | boolean;
 }
 declare const CircleGaugeGroupType = "circlegroup";
+/**
+ * Circle 게이지그룹.<br/>
+ * {@page op.GaugeOptions#type}은 'circlegroup'이다.
+ *
+ * @config chart.gauge[type=circlegroup]
+ */
 interface CircleGaugeGroupOptions extends CircularGaugeGroupOptions {
     type?: typeof CircleGaugeGroupType;
     /**
@@ -7965,8 +8544,9 @@ interface ClockGaugeLabelOptions extends ChartTextOptions {
 }
 declare const ClockGaugeType = "clock";
 /**
- * 시계 게이지 모델.<br/>
- * 원형 아날로그 시계를 표시한다.
+ * 시계 게이지.<br/>
+ * {@page op.GaugeOptions#type}은 'clock'이다.
+ * 원형 아날로그 시계를 표시한다.<br/>
  *
  * @config chart.gauge[type=clock]
  */
@@ -8056,9 +8636,10 @@ interface ClockGaugeOptions extends GaugeOptions {
 }
 declare const LinearGaugeType = "linear";
 /**
- * 선형 게이지 모델.<br/>
+ * 선형 게이지.<br/>
+ * {@page op.GaugeOptions#type}은 'linear'이다.<br/>
  * 현재 값을 선형 막대로 표시한다.
- * 또, {@page band}를 같이 표시하면, 여러 값 범위 중 어디에 속한 상태인 지를 나타낼 수 있다.
+ * 또, {@page band}를 같이 표시하면, 여러 값 범위 중 어디에 속한 상태인 지를 나타낼 수 있다.<br/>
  *
  * @config chart.gauge[type=linear]
  */
@@ -8076,6 +8657,12 @@ interface LinearGaugeOptions extends LinearGaugeBaseOptions {
     band?: GaugeRangeBandOptions | boolean;
 }
 declare const LinearGaugeGroupType = "lineargroup";
+/**
+ * 선형 게이지그룹.<br/>
+ * {@page op.GaugeOptions#type}은 'lineargroup'이다.<br/>
+ *
+ * @config chart.gauge[type=lineargroup]
+ */
 interface LinearGaugeGroupOptions extends LinearGaugeGroupBaseOptions<LinearGaugeOptions> {
     type?: typeof LinearGaugeGroupType;
     band?: GaugeRangeBandOptions;
@@ -8139,22 +8726,44 @@ interface SplitOptions extends ChartItemOptions {
 }
 
 /**
+ * 차트 좌표계와 그 방향 및 시리즈와 게이지의 기본 타입을 결정하는 중요한 몇가지 속성들과
+ * 하위 구성 요소들에 대한 옵션들을 설정한다.<br/>
+ * 차트 생성 시 이 옵션 객체를 구성해서 전달해야 한다.
+ *
+ * ```js
+ * const chart = RealChart.createChart(doc, 'div', {
+ *      .... // 여기에 설정한다.
+ * });
+ * ```
+ *
+ * {@page https://www.typescriptlang.org/ typescript} 환경에서는 타입을 명시적으로 지정하여
+ * 개발 편집기의 typescript 지원을 받을 수 있으므로
+ * 설정 객체를 별도로 정의할 수 있다.
+ *
+ * ```ts
+ * const config: ChartConfiguration = {
+ *      ...
+ * };
+ * const chart = RealChart.createChart(doc, 'div', config);
+ * ```
+ *
  * @config chart
  */
 interface ChartConfiguration {
     /**
-     * 기본 시리즈 type.<br/>
-     * {@page SeriesOptionsType._type}의 기본값.
-     * 시리즈에 type을 지정하지 않으면 이 속성 type의 시리즈로 생성된다.<br/>
+     * 기본 {@page config.base.series 시리즈} type.<br/>
+     * 시리즈에 {@page config.base.series#type}을 지정하지 않으면 이 속성값의 시리즈로 생성된다.<br/>
      * [주의] 차트 로딩 후 변경할 수 없다.
      *
+     * @default 'bar'
      */
     type?: 'bar' | 'barrange' | 'bargroup' | 'bellcurve' | 'boxplot' | 'bubble' | 'bump' | 'candlestick' | 'circlebar' | 'circlebargroup' | 'dumbbell' | 'equalizer' | 'errorbar' | 'funnel' | 'heatmap' | 'histogram' | 'arearange' | 'area' | 'areagroup' | 'line' | 'linegroup' | 'spline' | 'lollipop' | 'ohlc' | 'pareto' | 'pie' | 'piegroup' | 'scatter' | 'treemap' | 'vector' | 'waterfall';
     /**
-     * 기본 게이지 type.<br/>
+     * 기본 {@page config.base.gauge 게이지} type.<br/>
      * 게이지에 type을 지정하지 않으면 이 속성 type의 시리즈로 생성된다.<br/>
      * [주의] 차트 로딩 후 변경할 수 없다.
      *
+     * @default 'circle'
      */
     gaugeType?: 'circle' | 'bullet' | 'clock' | 'linear';
     /**
@@ -8169,51 +8778,90 @@ interface ChartConfiguration {
      *
      * [주의] 차트 로딩 후 변경할 수 없다.
      *
+     * @default false
      */
     polar?: boolean;
     /**
      * {@page polar}가 아닌 기본 직교 좌표계일 때 true로 지정하면 x축이 수직, y축이 수평으로 배치된다.<br/>
      * [주의] 차트 로딩 후 변경할 수 없다.
      *
+     * @default false
      */
     inverted?: boolean;
     /**
-     * javascript에서 숫자 단위로 전달되는 날짜값은 기본적으로 local이 아니라 new Date 기준이다.
-     * 그러므로 보통 숫자로 지정된 날짜값은 utc 값이다.
-     * local 기준으로 표시하기 위해, 숫자로 지정된 날짜값에 더해야 하는 시간을 분단위로 지정한다.<br/>
-     * ex) 한국은 -9 * 60
-     *
-     * 명시적으로 지정하지 않으면 현재 위치에 따른 값으로 자동 설정된다.<br/>
-     * [주의] 차트 로딩 후 변경할 수 없다.
-     *
+     * 이 차트 구성 설정에서 반복 사용할 수 있는 설정 모음.<br/>
      */
-    timeOffset?: number;
+    templates?: ConfigObject;
     /**
-     * 한 주의 시작 요일.<br/>
-     * ex) 0: 일요일, 1: 월요일
-     *
-     * [주의] 차트 로딩 후 변경할 수 없다.
-     *
+     * 차트 전체에 영향을 미치는 옵션들.<br/>
      */
-    startOfWeek?: number;
-    templates?: ConfigObject;
-    assets?: AssetOptionsType | AssetOptionsType[];
     options?: ChartOptionsOptions;
+    /**
+     * Asset 목록.<br/>
+     * [주의] 이전 버전의 설정을 로드하기 위해, 이 속성이 지정되지 않고 **'assets'** 설정이 존재하면 load 후 이 속성으로 설정한다.
+     */
+    asset?: AssetOptionsType | AssetOptionsType[];
+    /**
+     * 차트 타이틀.<br/>
+     */
     title?: TitleOptions | string;
+    /**
+     * 차트 제목 주위에 표시되는 부제목.<br/>
+     */
     subtitle?: SubtitleOptions | string;
+    /**
+     * 차트 시리즈 구성 등을 직관적으로 이해할 수 있도록 도와주는 범례.<br/>
+     * 시리즈나 데이터포인트 등의 이름과 심볼을 같이 표시할 수 있다.
+     */
     legend?: LegendOptions | boolean;
+    /**
+     * 데이터포인트 뷰에 마우스가 올라가면 표시되는 툴팁 상자.<br/>
+     * {@page guide.tooltip 툴팁 개요} 페이지를 참조한다.
+     */
     tooltip?: TooltipOptions | boolean;
+    /**
+     * 시리즈 또는 시리즈 목록.<br/>
+     */
     series?: SeriesOptionsType | SeriesOptionsType[];
-    xAxis?: AxisOptionsType;
-    yAxis?: AxisOptionsType;
-    xAxes?: AxisOptionsType | AxisOptionsType[];
-    yAxes?: AxisOptionsType | AxisOptionsType[];
-    split?: SplitOptions;
-    gauges?: GaugeOptionsType | GaugeOptionsType[];
-    gauge?: GaugeOptionsType;
+    /**
+     * x축 또는 x축 목록.<br/>
+     * [주의] 이전 버전의 설정을 로드하기 위해, 이 속성이 지정되지 않고 **'xAxes'** 항목이 존재하면
+     * 그 항목을 이 속성으로 설정한다.
+     */
+    xAxis?: AxisOptionsType | AxisOptionsType[];
+    /**
+     * y축 또는 y축 목록.<br/>
+     * [주의] 이전 버전의 설정을 로드하기 위해, 이 속성이 지정되지 않고 **'yAxes'** 항목이 존재하면
+     * 그 항목을 이 속성으로 설정한다.
+     */
+    yAxis?: AxisOptionsType | AxisOptionsType[];
+    /**
+     * 게이지 또는 게이지 목록.<br/>
+     * [주의] 이전 버전의 설정을 로드하기 위해, 이 속성이 지정되지 않고 **'gauges'** 항목이 존재하면
+     * 그 항목을 이 속성으로 설정한다.
+     */
+    gauge?: GaugeOptionsType | GaugeOptionsType[];
+    /**
+     * 어노테이션 또는 어노테이션 목록.<br/>
+     * [주의] 이전 버전의 설정을 로드하기 위해, 이 속성이 지정되지 않고 **'annotations'** 항목이 존재하면
+     * 그 항목을 이 속성으로 설정한다.
+     */
+    annotation?: AnnotationOptionsType | AnnotationOptionsType[];
+    /**
+     * {@page config.base.series 시리즈}나 {@page config.base.gauge 게이지}들이 그려지는 영역.<br/>
+     */
     body?: BodyOptions;
-    annotations?: AnnotationOptionsType | AnnotationOptionsType[];
+    /**
+     * 시리즈 내비게이터.<br/>
+     */
     seriesNavigator?: SeriesNavigatorOptions | boolean;
+    /**
+     * 분할 모드 설정.<br/>
+     */
+    split?: SplitOptions;
+    /**
+     * 내보내기 설정.<br/>
+     */
     exporting?: ExporterOptions;
 }
 
@@ -8600,8 +9248,8 @@ interface IPolar {
 }
 /**
  * 시리즈 및 게이지들이 표시되는 영역 모델.<br/>
- * 설정 {@link options} 모델은 {@page op.BodyOptions}이고,
- * {@page config.body} 항목으로 설정한다.
+ * {@page options 옵션} 모델은 {@page op.BodyOptions}이고,
+ * {@page config 차트 설정}에서 {@page config.body 'body'} 항목으로 설정한다.
  * ```js
  * const config = {
  *      body: {
@@ -8620,6 +9268,7 @@ declare class Body<OP extends BodyOptions = BodyOptions> extends ChartItem<OP> i
     private _radius;
     private _centerX;
     private _centerY;
+    private _anns;
     private _image;
     private _zoomButton;
     _annotations: AnnotationCollection;
@@ -8645,7 +9294,6 @@ declare class Body<OP extends BodyOptions = BodyOptions> extends ChartItem<OP> i
     getAnnotations(): Annotation[];
     getAnnotation(name: string): Annotation;
     contains(obj: GaugeBase | Series): boolean;
-    protected _doLoadProp(prop: string, value: any): boolean;
     protected _doApply(options: BodyOptions): void;
     protected _doPrepareRender(chart: IChart): void;
 }
@@ -8792,7 +9440,7 @@ declare class Split extends ChartItem<SplitOptions> {
 
 /**
  * 차트 제목(title) 모델.<br/>
- * 설정 {@link options} 모델은 {@page op.TitleOptions}이고,
+ * 설정 {@page options 옵션}은 {@page op.TitleOptions}이고,
  * {@page config.title} 항목으로 설정한다.<br/>
  * ```js
  * const config = {
@@ -8854,6 +9502,7 @@ interface IChart {
     xAxis: IAxis;
     yAxis: IAxis;
     _subtitle: Subtitle;
+    _legend: Legend;
     _tooltip: Tooltip;
     _body: Body;
     _split: Split;
@@ -8871,6 +9520,7 @@ interface IChart {
     seriesByName(series: string): Series;
     axisByName(axis: string): Axis;
     getAxes(dir: SectionDir, visibleOnly: boolean): Axis[];
+    seriesByPoint(point: DataPoint): Series;
     _getGroupType(type: string): any;
     _getSeriesType(type: string): any;
     _getAxisType(type: string): any;
@@ -9082,8 +9732,8 @@ declare class ChartObject extends EventProvider<IChartEventListener> implements
 
 /**
  * Annotation 모델들의 기반 클래스.<br/>
- * 설정 {@link options} 모델은 {@page op.AnnotaionOptions}이고,
- * {@page config.annotation} 항목으로 설정한다.
+ * {@page options 옵션} 모델은 {@page op.AnnotationOptions}이고,
+ * {@page config 차트 설정}에서 {@page config.annotation 'annotation'} 항목으로 설정한다.
  * ```js
  * const config = {
  *      annotation: [{
@@ -9092,7 +9742,7 @@ declare class ChartObject extends EventProvider<IChartEventListener> implements
  *      }],
  * };
  * ```
- * 또, Chart.{@page rc.Chart.getannotation}으로
+ * 또, Chart.{@page rc.Chart#getannotation getAnnotation}으로
  * 모델 객체를 가져올 수 있다.
  * ```js
  * const annotation = chart.getAnnotation('image1');
@@ -9158,7 +9808,7 @@ declare abstract class Annotation<OP extends AnnotationOptions = AnnotationOptio
 interface IAnnotationOwner {
     chart: IChart;
     options: {
-        annotations?: AnnotationOptions | AnnotationOptions[];
+        annotation?: AnnotationOptions | AnnotationOptions[];
     };
     anchorByName(name: string): ChartItem;
 }
@@ -9554,6 +10204,8 @@ declare class Globals {
      * const chart = RealChart.createChart(documemt, 'div', config);
      * ```
      *
+     * {@page config 차트 설정} 페이지를 참조한다.
+     *
      * @param config 설정 객체.
      * @returns 매개 변수 객체를 그대로 리턴한다.
      */
@@ -9640,8 +10292,8 @@ declare class CategoryAxisGrid extends AxisGrid<AxisGridOptions> {
     getPoints(axis: CategoryAxis): number[];
 }
 /**
- * 카테고리축 모델<br/>
- * {@page op.AxisOptions#type}은 **'category'** 이고,
+ * 카테고리 축 모델.<br/>
+ * {@page op.AxisOptions#type}은 {@page config.xAxis.category 'category'}이고,
  * {@page options 설정} 모델은 {@page op.CategoryAxisOptions}이다.
  */
 declare class CategoryAxis extends Axis<CategoryAxisOptions> {
@@ -9757,8 +10409,8 @@ interface IAxisBreakSect {
     len: number;
 }
 /**
- * 연속 축의 {@page config.yAxis.linear#baseValue} 위치에 표시되는 선 설정 모델.<br/>
- * {@page options} 모델은 {@page op.AxisBaseLineOptions}이다.<br/>
+ * 연속 축의 {@page config.yAxis.linear#baseValue} 위치에 표시되는 선(line) 모델.<br/>
+ * {@page options 옵션} 모델은 {@page op.AxisBaseLineOptions}이다.<br/>
  * 기본적으로 표시되지 않는다.
  */
 declare class AxisBaseLine extends AxisLine {
@@ -9811,7 +10463,6 @@ declare abstract class ContinuousAxis<OP extends ContinuousAxisOptions = Continu
     isBreak(pos: number): boolean;
     protected _doApply(options: AxisOptions): void;
     continuous(): boolean;
-    contains(value: number): boolean;
     isBased(): boolean;
     protected _createGrid(): ContinuousAxisGrid;
     protected _createTickModel(): ContinuousAxisTick;
@@ -9851,8 +10502,8 @@ declare abstract class ContinuousAxis<OP extends ContinuousAxisOptions = Continu
     private $_mergeBreaks;
 }
 /**
- * 선형 연속축 모델.<br/>
- * {@page op.AxisOptions#type}은 **'linear'** 이고,
+ * 선형 연속 축 모델.<br/>
+ * {@page op.AxisOptions#type}은 {@page config.yAxis.linear 'linear'}이고,
  * {@page options 설정} 모델은 {@page op.LinearAxisOptions}이다.
  */
 declare class LinearAxis extends ContinuousAxis<LinearAxisOptions> {
@@ -9896,8 +10547,8 @@ declare class TimeAxisLabel extends ContinuousAxisLabel<TimeAxisLabelOptions> {
     getTick(index: number, v: any): string;
 }
 /**
- * 시간축 모델.<br/>
- * {@page op.AxisOptions#type}은 **'time'** 이고,
+ * 날짜/시간 축 모델.<br/>
+ * {@page op.AxisOptions#type}은 {@page config.xAxis.time 'time'}이고,
  * {@page options 설정} 모델은 {@page op.TimeAxisOptions}이다.
  */
 declare class TimeAxis extends ContinuousAxis<TimeAxisOptions> {
@@ -9935,7 +10586,7 @@ declare class LogAxisTick extends ContinuousAxisTick<LogAxisTickOptions> {
 }
 /**
  * 로그축 모델.<br/>
- * {@page op.AxisOptions#type}은 **'log'** 이고,
+ * {@page op.AxisOptions#type}은 {@page config.xAxis.log 'log'}이고,
  * {@page options 설정} 모델은 {@page op.LogAxisOptions}이다.
  */
 declare class LogAxis extends ContinuousAxis<LogAxisOptions> {
@@ -9987,9 +10638,11 @@ declare class LinePointLabel extends DataPointLabel<LinePointLabelOptions> {
     getAlignOffset(): number;
 }
 /**
- * 포인트 label들은 'head', 'foot', 'inside'에 위치할 수 있다.<br/>
- * 기본값은 'auto'('head'')이다.
- * pointLabel.align으로 수평 정렬을 설정할 수있다.
+ * 라인 시리즈 계열의 기반(base) 클래스.<br/>
+ * {@page options 옵션} 모델은 {@page op.LineSeriesBaseOptions}이다.<br/>
+ * //포인트 label들은 'head', 'foot', 'inside'에 위치할 수 있다.<br/>
+ * //기본값은 'auto'('head'')이다.
+ * //pointLabel.align으로 수평 정렬을 설정할 수있다.
  */
 declare abstract class LineSeriesBase<OP extends LineSeriesBaseOptions = LineSeriesBaseOptions> extends Series<OP> {
     static defaults: LineSeriesBaseOptions;
@@ -10000,7 +10653,6 @@ declare abstract class LineSeriesBase<OP extends LineSeriesBaseOptions = LineSer
         [child: string]: ChartItemOptions;
     }): void;
     /**
-     * @config
      */
     get marker(): LineSeriesMarker;
     getShape(p: LineSeriesPoint): Shape;
@@ -10036,8 +10688,8 @@ declare class LineSeriesFlag extends IconedText<LineSeriesFlagOptions> {
 }
 /**
  * Line 시리즈.<br/>
- * {@page op.SeriesOptions#type}은 **'line'** 이고,
- * {@page options} 모델은 {@page op.LineSeriesOptions}이다.
+ * {@page op.SeriesOptions#type}은 {@page config.series.line 'line'}이고,
+ * {@page options 옵션} 모델은 {@page op.LineSeriesOptions}이다.
  */
 declare class LineSeries<OP extends LineSeriesOptions = LineSeriesOptions> extends LineSeriesBase<OP> {
     static readonly type: string;
@@ -10055,10 +10707,10 @@ declare class LineSeries<OP extends LineSeriesOptions = LineSeriesOptions> exten
     protected _doPrepareRender(): void;
 }
 /**
- * Spline 시리즈.<br/>
+ * Spline 시리즈 모델.<br/>
  * {@page lineType} 설정을 무시하고 항상 'spline'으로 표시되는 것 외에는
  * {@page LineSeries} 시리즈와 동일하다.<br/>
- * {@page op.SeriesOptions#type}은 **'spline'** 이고,
+ * {@page op.SeriesOptions#type}은 {@page config.series.spline 'spline'}이고,
  * {@page options 설정} 모델은 {@page op.SplineSeriesOptions}이다.
  */
 declare class SplineSeries extends LineSeries<SplineSeriesOptions> {
@@ -10070,10 +10722,10 @@ declare class AreaSeriesPoint extends LineSeriesPoint {
     yLow: number;
 }
 /**
- * Area 시리즈.<br/>
+ * Area 시리즈 모델.<br/>
  * 대부분 {@page config.series.line 'line'} 시리즈와 동일하고 라인 아래 부분을 별도의 색상으로 채운다.<br/>
- * {@page opt.SeriesOptions#type}은 **'area'** 이고,
- * {@page options 설정} 모델은 {@page opt.AreaSeriesOptions}이다.
+ * {@page op.SeriesOptions#type}은 {@page config.series.area 'area'}이고,
+ * {@page options 옵션} 모델은 {@page opt.AreaSeriesOptions}이다.
  */
 declare class AreaSeries<OP extends AreaSeriesOptions = AreaSeriesOptions> extends LineSeries<OP> {
     static readonly type: string;
@@ -10112,9 +10764,9 @@ declare class AreaRangeSeriesPoint extends AreaSeriesPoint {
     applyValueRate(prev: any, vr: number): void;
 }
 /**
- * AreaRange 시리즈.<br/>
- * {@page op.SeriesOptions#type}은 **'arearange'** 이고,
- * {@page options 설정} 모델은 {@page op.AreaRangeSeriesOptions}이다.
+ * AreaRange 시리즈 모델.<br/>
+ * {@page op.SeriesOptions#type}은 {@page config.series.arearange 'arearange'}이고,
+ * {@page options 옵션} 모델은 {@page op.AreaRangeSeriesOptions}이다.
  */
 declare class AreaRangeSeries extends LineSeriesBase<AreaRangeSeriesOptions> {
     static readonly type = "arearange";
@@ -10126,7 +10778,9 @@ declare class AreaRangeSeries extends LineSeriesBase<AreaRangeSeriesOptions> {
     protected _doPrepareLines(pts: LineSeriesPoint[]): PointLine[];
 }
 /**
- * Line 시리즈 그룹<br/>
+ * Line 시리즈그룹 모델.<br/>
+ * {@page op.SeriesOptions#type}은 {@page config.series.linegroup 'linegroup'}이고,
+ * {@page options 옵션} 모델은 {@page op.LineSeriesGroupOptions}이다.
  */
 declare class LineSeriesGroup extends SeriesGroup<LineSeries, LineSeriesGroupOptions> {
     static readonly type = "linegroup";
@@ -10136,7 +10790,9 @@ declare class LineSeriesGroup extends SeriesGroup<LineSeries, LineSeriesGroupOpt
     getBaseValue(axis: IAxis): number;
 }
 /**
- * Area 시리즈 그룹<br/>
+ * Area 시리즈 그룹.<br/>
+ * {@page op.SeriesOptions#type}은 **'areagroup'** 이고,
+ * {@page options 옵션} 모델은 {@page op.BarSeriesGroupOptions}이다.
  */
 declare class AreaSeriesGroup extends SeriesGroup<AreaSeries, AreaSeriesGroupOptions> {
     static readonly type = "areagroup";
@@ -10147,6 +10803,10 @@ declare class AreaSeriesGroup extends SeriesGroup<AreaSeries, AreaSeriesGroupOpt
     getBaseValue(axis: IAxis): number;
 }
 
+/**
+ * Bar 시리즈 계열의 기반(base) 모델.<br/>
+ * {@page options 설정} 모델은 {@page op.BarSeriesBaseOptions}이다.
+ */
 declare abstract class BarSeriesBase<OP extends BarSeriesBaseOptions = BarSeriesBaseOptions> extends BasedSeries<OP> {
     static defaults: BarSeriesBaseOptions;
     canCategorized(): boolean;
@@ -10155,8 +10815,8 @@ declare abstract class BarSeriesBase<OP extends BarSeriesBaseOptions = BarSeries
     protected _getGroupBase(): number;
 }
 /**
- * Bar 시리즈.<br/>
- * {@page op.SeriesOptions#type}은 **'bar'** 이고,
+ * Bar 시리즈 모델.<br/>
+ * {@page op.SeriesOptions#type}은 {@page config.series.bar 'bar'}이고,
  * {@page options 설정} 모델은 {@page op.BarSeriesOptions}이다.
  */
 declare class BarSeries extends BarSeriesBase<BarSeriesOptions> {
@@ -10173,9 +10833,9 @@ declare abstract class BarSeriesGroupBase<T extends BarSeriesBase, OP extends Ba
     protected _doPrepareSeries(series: T[]): void;
 }
 /**
- * Bar 시리즈 그룹<br/>
- * {@page op.SeriesOptions#type}은 **'bargroup'** 이고,
- * {@page options} 모델은 {@page op.BarSeriesGroupOptions}이다.
+ * Bar 시리즈 그룹.<br/>
+ * {@page op.SeriesOptions#type}은 {@page config.series.bargroup 'bargroup'}이고,
+ * {@page options 옵션} 모델은 {@page op.BarSeriesGroupOptions}이다.
  */
 declare class BarSeriesGroup extends BarSeriesGroupBase<BarSeries, BarSeriesGroupOptions> {
     static readonly type = "bargroup";
@@ -10184,9 +10844,9 @@ declare class BarSeriesGroup extends BarSeriesGroupBase<BarSeries, BarSeriesGrou
 }
 
 /**
- * BarRange 시리즌.<br/>
- * {@page op.SeriesOptions#type}은 **'barrange'** 이고,
- * {@page options} 모델은 {@page op.BarRangeSeriesOptions}이다.
+ * BarRange 시리즈 모델.<br/>
+ * {@page op.SeriesOptions#type}은 {@page config.series.barrange 'barrange'}이고,
+ * {@page options 옵션} 모델은 {@page op.BarRangeSeriesOptions}이다.
  */
 declare class BarRangeSeries extends LowRangedSeries<BarRangeSeriesOptions> {
     static readonly type: string;
@@ -10203,7 +10863,7 @@ declare class BellCurveSeriesPoint extends AreaSeriesPoint {
 }
 /**
  * BellCurve 시리즈.<br/>
- * {@page op.SeriesOptions#type}은 **'bellcurve'** 이고,
+ * {@page op.SeriesOptions#type}은 {@page config.series.bellcurve 'bellcurve'}이고,
  * {@page options 설정} 모델은 {@page op.BellCurveSeriesOptions}이다.
  */
 declare class BellCurveSeries extends AreaSeries<BellCurveSeriesOptions> {
@@ -10230,13 +10890,15 @@ declare class BoxPlotSeriesPoint extends DataPoint {
     lowValue: number;
     midValue: number;
     highValue: number;
+    minLabel: any;
     get max(): number;
     get maxValue(): number;
     lowPos: number;
     midPos: number;
     highPos: number;
     labelCount(): number;
-    getLabelValue(index: number): number;
+    getPointLabel(index: number): any;
+    getPointText(index: number): any;
     protected _assignTo(proxy: any): any;
     protected _valuesChangd(prev: any): boolean;
     protected _readArray(series: BoxPlotSeries, v: any[]): void;
@@ -10249,7 +10911,7 @@ declare class BoxPlotSeriesPoint extends DataPoint {
 }
 /**
  * {@page https://en.wikipedia.org/wiki/Box_plot BoxPlot} 시리즈.<br/>
- * {@page op.SeriesOptions#type}은 **'boxplot'** 이고,
+ * {@page op.SeriesOptions#type}은 {@page config.series.boxplot 'boxplot'}이고,
  * {@page options 설정} 모델은 {@page op.BoxPlotSeriesOptions}이다.
  */
 declare class BoxPlotSeries extends LowRangedSeries<BoxPlotSeriesOptions> {
@@ -10269,7 +10931,7 @@ declare class BoxPlotSeries extends LowRangedSeries<BoxPlotSeriesOptions> {
 
 /**
  * 버블 시리즈 모델.<br/>
- * {@page op.SeriesOptions#type}은 **'bubble'** 이고,
+ * {@page op.SeriesOptions#type}은 {@page config.series.bubble 'bubble'}이고,
  * {@page options 설정} 모델은 {@page op.BubbleSeriesOptions}이다.
  */
 declare class BubbleSeries extends MarkerSeries<BubbleSeriesOptions> {
@@ -10300,7 +10962,7 @@ declare class BubbleSeries extends MarkerSeries<BubbleSeriesOptions> {
 
 /**
  * Bump 시리즈.<br/>
- * {@page op.SeriesOptions#type}은 **'bump'** 이고,
+ * {@page op.SeriesOptions#type}은 {@page config.series.bump 'bump'}이고,
  * {@page options 설정} 모델은 {@page op.BumpSeriesGroupOptions}이다.
  */
 declare class BumpSeriesGroup extends ConstraintSeriesGroup<LineSeries, BumpSeriesGroupOptions> {
@@ -10335,7 +10997,7 @@ declare class CandlestickSeriesPoint extends DataPoint {
 }
 /**
  * Candlestick 시리즈.<br/>
- * {@page op.SeriesOptions#type}은 **'candlestick'** 이고,
+ * {@page op.SeriesOptions#type}은 {@page config.series.candlestick 'candlestick'}이고,
  * {@page options 설정} 모델은 {@page op.CandlestickSeriesOptions}이다.
  */
 declare class CandlestickSeries<OP extends CandlestickSeriesOptions = CandlestickSeriesOptions> extends LowRangedSeries<OP> {
@@ -10352,7 +11014,7 @@ declare class CircelBarPointLabel extends DataPointLabel<DataPointLabelOptions>
 }
 /**
  * CirleBar 시리즈.<br/>
- * {@page op.SeriesOptions#type}은 **'circlebar'** 이고,
+ * {@page op.SeriesOptions#type}은 {@page config.series.circlebar 'circlebar'}이고,
  * {@page options 설정} 모델은 {@page op.CircleBarSeriesOptions}이다.
  */
 declare class CircleBarSeries extends BarSeriesBase<CircleBarSeriesOptions> {
@@ -10361,7 +11023,9 @@ declare class CircleBarSeries extends BarSeriesBase<CircleBarSeriesOptions> {
     protected _createLabel(chart: IChart): CircelBarPointLabel;
 }
 /**
- * CircleBar 시리즈 그룹<br/>
+ * CircleBar 시리즈 그룹.<br/>
+ * {@page op.SeriesOptions#type}은 {@page config.series.circlebargroup 'circlebargroup'}이고,
+ * {@page options 설정} 모델은 {@page op.CircleBarSeriesGroupOptions}이다.
  */
 declare class CircleBarSeriesGroup extends BarSeriesGroupBase<CircleBarSeries, CircleBarSeriesGroupOptions> implements IClusterable {
     static readonly type = "circlebargroup";
@@ -10369,32 +11033,45 @@ declare class CircleBarSeriesGroup extends BarSeriesGroupBase<CircleBarSeries, C
     protected _canContain(ser: Series): boolean;
 }
 
+/**
+ * [low, y]
+ * [x, low, y]
+ */
+declare class DumbbellSeriesPoint extends RangedPoint {
+    hPoint: number;
+    radius: number;
+    shape: Shape;
+    lowRadius: number;
+    lowShape: Shape;
+}
 declare class DumbbellSeriesMarker extends SeriesMarker<DumbbellSeriesMarkerOptions> {
     static defaults: DumbbellSeriesMarkerOptions;
 }
 /**
  * Dumbbell 시리즈.<br/>
- * {@page op.SeriesOptions#type}은 **'dumbbell'** 이고,
+ * {@page op.SeriesOptions#type}은 {@page config.series.dumbbell 'dumbbell'}이고,
  * {@page options 설정} 모델은 {@page op.DumbbellSeriesOptions}이다.
  */
-declare class DumbbellSeries extends ClusterableSeries<DumbbellSeriesOptions> {
+declare class DumbbellSeries extends LowRangedSeries<DumbbellSeriesOptions> {
     static readonly type = "dumbbell";
     private _marker;
+    private _lowMarker;
     protected _doInitChildren(op: {
         [child: string]: ChartItemOptions;
     }): void;
     get marker(): DumbbellSeriesMarker;
+    get lowMarker(): DumbbellSeriesMarker;
     canCategorized(): boolean;
+    protected _getBottomValue(p: DumbbellSeriesPoint): number;
     pointLabelCount(): number;
     getLabelOff(off: number): number;
     protected _createPoint(source: any): DataPoint;
     protected _doPrepareRender(): void;
-    collectValues(axis: IAxis, vals: number[]): void;
 }
 
 /**
  * Bar를 여러 개의 segment로 나눠 표시하는 시리즈.<br/>
- * {@page op.SeriesOptions#type}은 **'equalizer'** 이고,
+ * {@page op.SeriesOptions#type}은 {@page config.series.equalizer 'equalizer'}이고,
  * {@page options 설정} 모델은 {@page op.EqualizerSeriesOptions}이다.
  */
 declare class EqualizerSeries extends BasedSeries<EqualizerSeriesOptions> {
@@ -10410,7 +11087,7 @@ declare class EqualizerSeries extends BasedSeries<EqualizerSeriesOptions> {
 
 /**
  * ErrorBar 시리즈.<br/>
- * {@page op.SeriesOptions#type}은 **'errorbar'** 이고,
+ * {@page op.SeriesOptions#type}은 {@page config.series.errorbar 'errorbar'}이고,
  * {@page options 설정} 모델은 {@page op.ErrorbarSeriesOptions}이다.
  */
 declare class ErrorBarSeries extends LowRangedSeries<ErrorBarSeriesOptions> {
@@ -10426,7 +11103,7 @@ declare class ErrorBarSeries extends LowRangedSeries<ErrorBarSeriesOptions> {
 
 /**
  * Funnel 시리즈 모델.<br/>
- * {@page op.SeriesOptions#type}은 **'funnel'** 이고,
+ * {@page op.SeriesOptions#type}은 {@page config.series.funnel 'funnel'}이고,
  * {@page options 설정} 모델은 {@page op.FunnelSeriesOptions}이다.
  */
 declare class FunnelSeries extends WidgetSeries<FunnelSeriesOptions> {
@@ -10448,7 +11125,7 @@ declare class FunnelSeries extends WidgetSeries<FunnelSeriesOptions> {
 
 /**
  * Heatmap 시리즈 모델.<br/>
- * {@page op.SeriesOptions#type}은 **'heatmap'** 이고,
+ * {@page op.SeriesOptions#type}은 {@page config.series.heatmap 'heatmap'}이고,
  * {@page options 설정} 모델은 {@page op.HeatmapSeriesOptions}이다.
  */
 declare class HeatmapSeries extends Series<HeatmapSeriesOptions> {
@@ -10466,8 +11143,8 @@ declare class HeatmapSeries extends Series<HeatmapSeriesOptions> {
 }
 
 /**
- * [Histogram](https://en.wikipedia.org/wiki/Histogram) 시리즈<br/>
- * {@page op.SeriesOptions#type}은 **'histogram'** 이고,
+ * [Histogram](https://en.wikipedia.org/wiki/Histogram) 시리즈 모델.<br/>
+ * {@page op.SeriesOptions#type}은 {@page config.series.histogram 'histogram'}이고,
  * {@page options 설정} 모델은 {@page op.HistogramSeriesOptions}이다.
  */
 declare class HistogramSeries extends Series<HistogramSeriesOptions> {
@@ -10489,8 +11166,8 @@ declare class LollipopSeriesMarker extends SeriesMarker<LollipopSeriesMarkerOpti
     static defaults: LollipopSeriesMarkerOptions;
 }
 /**
- * Lollipop(막대 사탕) 시리즈.<br/>
- * {@page op.SeriesOptions#type}은 **'lollipop'** 이고,
+ * Lollipop(막대 사탕) 시리즈 모델.<br/>
+ * {@page op.SeriesOptions#type}은 {@page config.series.lollipop 'lollipop'}이고,
  * {@page options 설정} 모델은 {@page op.LollipopSeriesOptions}이다.
  */
 declare class LollipopSeries extends BasedSeries<LollipopSeriesOptions> {
@@ -10507,8 +11184,8 @@ declare class LollipopSeries extends BasedSeries<LollipopSeriesOptions> {
 }
 
 /**
- * Ohlc 시리즈.<br/>
- * {@page op.SeriesOptions#type}은 **'ohlc'** 이고,
+ * {@page https://en.wikipedia.org/wiki/Open-high-low-close_chart OHLC} 시리즈 모델.<br/>
+ * {@page op.SeriesOptions#type}은 {@page config.series.ohlc 'ohlc'}이고,
  * {@page options 설정} 모델은 {@page op.OhlcSeriesOptions}이다.
  */
 declare class OhlcSeries extends CandlestickSeries<OhlcSeriesOptions> {
@@ -10521,7 +11198,7 @@ declare class ParetoSeriesPoint extends LineSeriesPoint {
 }
 /**
  * Pareto 시리즈<br/>
- * {@page op.SeriesOptions#type}은 **'pareto'** 이고,
+ * {@page op.SeriesOptions#type}은 {@page config.series.pareto 'pareto'}이고,
  * {@page options 설정} 모델은 {@page op.ParetoSeriesOptions}이다.
  */
 declare class ParetoSeries extends LineSeriesBase<ParetoSeriesOptions> {
@@ -10559,8 +11236,8 @@ declare class PieSeriesLabel extends DataPointLabel<PieSeriesLabelOptions> {
     static defaults: PieSeriesLabelOptions;
 }
 /**
- * Pie 시리즈<br/>
- * {@page op.SeriesOptions#type}은 **'pie'** 이고,
+ * Pie 시리즈 모델.<br/>
+ * {@page op.SeriesOptions#type}은 {@page config.series.pie 'pie'}이고,
  * {@page options 설정} 모델은 {@page op.PieSeriesOptions}이다.
  */
 declare class PieSeries extends RadialSeries<PieSeriesOptions> {
@@ -10596,7 +11273,9 @@ declare class PieSeries extends RadialSeries<PieSeriesOptions> {
     protected _doPrepareRender(): void;
 }
 /**
- *
+ * Pie 시리즈그룹 모델.<br/>
+ * {@page op.SeriesOptions#type}은 {@page config.series.piegroup 'piegroup'}이고,
+ * {@page options 옵션} 모델은 {@page op.PieSeriesGroupOptions}이다.
  */
 declare class PieSeriesGroup extends SeriesGroup<PieSeries, PieSeriesGroupOptions> {
     static readonly type = "piegroup";
@@ -10618,7 +11297,7 @@ declare class ScatterSeriesPoint extends DataPoint {
 }
 /**
  * Scatter 시리즈.<br/>
- * {@page op.SeriesOptions#type}은 **'scatter'** 이고,
+ * {@page op.SeriesOptions#type}은 {@page config.series.scatter 'scatter'}이고,
  * {@page options 설정} 모델은 {@page op.ScatterSeriesOptions}이다.
  */
 declare class ScatterSeries extends MarkerSeries<ScatterSeriesOptions> {
@@ -10692,7 +11371,7 @@ declare class TreeNode {
 }
 /**
  * Treemap 시리즈.<br/>
- * {@page op.SeriesOptions#type}은 **'treemap'** 이고,
+ * {@page op.SeriesOptions#type}은 {@page config.series.treemap 'treemap'}이고,
  * {@page options 설정} 모델은 {@page op.TreemapSeriesOptions}이다.
  */
 declare class TreemapSeries extends Series<TreemapSeriesOptions> {
@@ -10730,8 +11409,8 @@ declare class TreemapSeries extends Series<TreemapSeriesOptions> {
 }
 
 /**
- * Vector 시리즈.<br/>
- * {@page op.SeriesOptions#type}은 **'vector'** 이고,
+ * Vector 시리즈 모델.<br/>
+ * {@page op.SeriesOptions#type}은 {@page config.series.vecotor 'vector'}이고,
  * {@page options 설정} 모델은 {@page op.VectorSeriesOptions}이다.
  */
 declare class VectorSeries extends Series<VectorSeriesOptions> {
@@ -10750,8 +11429,8 @@ declare class WaterfallSeriesPoint extends DataPoint {
     parse(series: WaterfallSeries): void;
 }
 /**
- * 폭포(Waterfall) 시리즈.<br/>
- * {@page op.SeriesOptions#type}은 **'waterfall'** 이고,
+ * 폭포(Waterfall) 시리즈 모델.<br/>
+ * {@page op.SeriesOptions#type}은 {@page config.series.waterfall 'waterfall'}이고,
  * {@page options 설정} 모델은 {@page op.WaterfallSeriesOptions}이다.
  */
 declare class WaterfallSeries extends RangedSeries<WaterfallSeriesOptions> {
@@ -11012,10 +11691,12 @@ declare abstract class LinearGaugeGroupBase<T extends LinearGaugeBase = LinearGa
 /**
  * 선형 그룹게이지 모델.<br/>
  * {@page options} 모델은 {@page op.LinearGaugeGroupOptions}이다.
+ *
+ * @config chart.gauge[type=lineargroup]
  */
 declare class LinearGaugeGroup extends LinearGaugeGroupBase<LinearGauge, LinearGaugeGroupOptions> {
     static readonly type = "lineargroup";
-    static readonly gaugeType = "line";
+    static readonly gaugeType = "linear";
     private _band;
     protected _doInitChildren(op: {
         [child: string]: ChartItemOptions;
@@ -11065,7 +11746,7 @@ declare class BulletValueBar extends LinearValueBar<BulletValueBarOptions> {
 }
 /**
  * Bullet 게이지 모델.<br/>
- * {@page op.GaugeOptions#type}은 **'bullet'** 이고,
+ * {@page op.GaugeOptions#type}은 {@page config.gauge.bullet 'bullet'}이고,
  * {@page options 설정} 모델은 {@page op.BulletGaugeOptions}이다.
  */
 declare class BulletGauge extends LinearGaugeBase<BulletGaugeOptions> {
@@ -11098,7 +11779,8 @@ declare class BulletGauge extends LinearGaugeBase<BulletGaugeOptions> {
     getRanges(min: number, max: number, inclusive: boolean): ValueRange[];
 }
 /**
- * Bullet 그룹 게이지 모델.<br/>
+ * Bullet 게이지그룹 모델.<br/>
+ * {@page op.GaugeOptions#type}은 {@page config.gauge.bulletgroup 'bulletgroup'}이고,
  * {@page options} 모델은 {@page op.BulletGaugeGroupOptions}이다.
  */
 declare class BulletGaugeGroup extends LinearGaugeGroupBase<BulletGauge, BulletGaugeGroupOptions> {
@@ -11256,7 +11938,7 @@ declare class ClockGauge extends Gauge<ClockGaugeOptions> {
 
 /**
  * Text Annotation 모델.<br/>
- * {@page op.AnnotationOptions#type}은 **'text'** 이고,
+ * {@page op.AnnotationOptions#type}은 {@page config.annotation.text 'text'}이고,,
  * {@page options 설정} 모델은 {@page op.TextAnnotationOptions}이다.
  */
 declare class TextAnnotation extends Annotation<TextAnnotationOptions> {
@@ -11272,7 +11954,7 @@ declare class TextAnnotation extends Annotation<TextAnnotationOptions> {
 
 /**
  * 이미지 Annotation 모델.<br/>
- * {@page op.AnnotationOptions#type}은 **'image'** 이고,
+ * {@page op.AnnotationOptions#type}은 {@page config.annotation.image 'image'}이고,,
  * {@page options 설정} 모델은 {@page op.ImageAnnotationOptions}이다.
  */
 declare class ImageAnnotation extends Annotation<ImageAnnotationOptions> {
@@ -11283,7 +11965,7 @@ declare class ImageAnnotation extends Annotation<ImageAnnotationOptions> {
 
 /**
  * Shape Annotation 모델.<br/>
- * {@page op.AnnotationOptions#type}은 **'shape'** 이고,
+ * {@page op.AnnotationOptions#type}은 {@page config.annotation.shape 'shape'}이고,,
  * {@page options 설정} 모델은 {@page op.ShapeAnnotationOptions}이다.
  */
 declare class ShapeAnnotation extends Annotation<ShapeAnnotationOptions> {