realchart 1.1.5 → 1.1.6

package/dist/index.d.ts

@@ -290,7 +290,7 @@ declare const _ChartTextEffect: {
     /**
      * 텍스트 배경 상자를 표시한다.<br/>
      * 배경 상자에 {@page backgroundStyle}이 적용된다.
-     * 스타일이 적용되지 않으면 기본 'rct-text-background'이 적용된다.
+     * 스타일이 적용되지 않으면 기본 'rct-text-background'가 적용된다.
      */
     readonly BACKGROUND: "background";
 };
@@ -467,11 +467,10 @@ interface ChartTextOptions extends ChartItemOptions {
      */
     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
@@ -594,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;
     /**
@@ -615,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;
@@ -650,7 +651,6 @@ interface AnnotationOptions extends ChartItemOptions {
     /**
      * 회전 각도.<br/>
      * 0 ~ 360 사이의 값으로 지정한다.
-     *
      */
     rotation?: number;
     /**
@@ -663,54 +663,46 @@ 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;
 }
@@ -1127,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;
@@ -1567,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;
     /**
@@ -1692,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[];
     /**
@@ -1812,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 {
     /**
@@ -1914,6 +1920,9 @@ interface LineSeriesMarkerOptions extends SeriesMarkerOptions {
  * //pointLabel.align으로 수평 정렬을 설정할 수있다.
  */
 interface LineSeriesBaseOptions extends SeriesOptions {
+    /**
+     * marker 옵션.<br/>
+     */
     marker?: LineSeriesMarkerOptions;
     /**
      * null인 y값을 {@page baseValue}로 간주한다.
@@ -2486,7 +2495,7 @@ declare const BumpSeriesType = "bump";
  *
  * @config chart.series[type=bump]
  */
-interface BumpSeriesGroupOptions extends SeriesGroupOptions {
+interface BumpSeriesGroupOptions extends SeriesGroupOptions<LineSeriesMarkerOptions> {
     type?: typeof BumpSeriesType;
 }
 /**
@@ -2608,12 +2617,12 @@ interface DumbbellSeriesMarkerOptions extends SeriesMarkerOptions {
      * @override
      * @default 4
      */
-    radius: number;
+    radius?: number;
     /**
      * @override
      * @default 'circle'
      */
-    shape: Shape;
+    shape?: Shape;
 }
 declare const DumbbellSeriesType = "dumbbell";
 /**
@@ -2646,10 +2655,10 @@ 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";
 /**
@@ -3621,7 +3630,7 @@ declare const _SubtitlePosition: {
 };
 type SubtitlePosition = typeof _SubtitlePosition[keyof typeof _SubtitlePosition];
 /**
- * 차트 부제목(subtitle) 설정 옵션.<br/>
+ * 차트 제목 주위에 표시되는 부제목 옵션.<br/>
  * 기본적으로 주제목(title)의 설정을 따르고, 몇가지 속성들이 추가된다.<br/>
  * 별도 설정이 없으면 표시되지 않는다.
  *
@@ -3779,7 +3788,7 @@ interface ZoomButtonOptions extends ChartItemOptions {
     visible?: boolean;
 }
 /**
- * 시리즈 및 게이지들이 표시되는 영역 설정 옵션.<br/>
+ * {@page config.base.series 시리즈}나 {@page config.base.gauge 게이지}들이 그려지는 영역 설정 옵션.<br/>
  *
  * ```js
  *  const chart = {
@@ -3846,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
  */
@@ -4061,7 +4071,8 @@ declare const _TooltipScope: {
 };
 type TooltipScope = typeof _TooltipScope[keyof typeof _TooltipScope];
 /**
- * 데이터포인트 tooltip 설정 옵션.<br/>
+ * 데이터포인트 뷰에 마우스가 올라가면 표시되는 툴팁 상자 옵션.<br/>
+ * {@page guide.tooltip 툴팁 개요} 페이지를 참조한다.
  *
  * @css 'rct-tooltip'
  * @config chart.tooltip
@@ -4769,8 +4780,9 @@ declare const _LegendLocation: {
 };
 type LegendLocation = typeof _LegendLocation[keyof typeof _LegendLocation];
 /**
- * 차트 시리즈 구성을 직관적으로 이해할 수 있도록 도와주는 범례 설정 모델.<br/>
- * visible 기본값이 undefined이고,
+ * 차트 시리즈 구성 등을 직관적으로 이해할 수 있도록 도와주는 범례 설정 옵션.<br/>
+ * 시리즈나 데이터포인트 등의 이름과 심볼을 같이 표시할 수 있다.<br/>
+ * {@page visible} 기본값이 undefined이고,
  * 따로 지정하지 않으면 시리즈가 둘 이상 포함돼야 legend가 표시된다.<br/>
  * {@page guide.legend 범례 개요} 페이지를 참조한다.
  *
@@ -4782,7 +4794,7 @@ interface LegendOptions extends ChartItemOptions {
      * @override
      *
      * 명시적 true로 지정하고 항목이 하나라도 존재하거나,
-     * 명시적 false가 아닌 경우 항목이 둘 이상이면 표시된다.
+     * 명시적 false가 아닌 경우 항목이 둘 이상이면 표시된다.<br/>
      *
      * @fiddle common/legend-visible Legend Visible
      * @default undefined
@@ -4793,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;
 }
 
 /**
@@ -4927,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;
 }
@@ -4963,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;
@@ -5309,11 +5334,10 @@ declare abstract class Series<OP extends SeriesOptions = SeriesOptions> extends
     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;
+    _getPointCallbackArgs(args: DataPointCallbackArgs, p: DataPoint): void;
     getPointText(p: DataPoint, index: number, label: any): string;
-    getPointStyle(p: DataPoint): any;
+    getPointStyle(p: DataPoint): SVGStyleOrClass;
     getPointLabelStyle(p: DataPoint): any;
     pointClicked(p: DataPoint): boolean;
     pointHovered(p: DataPoint): void;
@@ -5464,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;
@@ -5872,19 +5898,6 @@ declare class AxisLine<OP extends AxisLineOptions = AxisLineOptions> extends Axi
 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;
@@ -6394,6 +6407,19 @@ interface AxisTitleOptions extends AxisItemOptions {
      *
      */
     backgroundStyle?: SVGStyleOrClass;
+    /**
+     * 타이틀을 가로 또는 세로로 배치할지 여부와 블록이 진행되는 방향을 지정한다.
+     *
+     * @config
+     */
+    writingMode?: WritingMode;
+    /**
+     * 텍스트 문자 방향을 지정한다.
+     * 세로 모드의 텍스트에만 적용된다.
+     *
+     * @config
+     */
+    textOrientation?: TextOrientation;
 }
 /**
  * 축 선(line) 설정 모델.<br/>
@@ -7594,7 +7620,8 @@ interface ExporterOptions extends ChartItemOptions {
 }
 
 /**
- * 게이지 모델.
+ * 단일 값을 다양한 방식으로 표시한다.<br/>
+ * 또, 단일 계이지들을 여러 개 묶어서 관련된 값을 표시할 수도 있다.
  */
 interface GaugeBaseOptions extends ChartItemOptions {
     type?: GaugeType;
@@ -7656,7 +7683,7 @@ interface GaugeBaseOptions extends ChartItemOptions {
     backgroundStyle?: SVGStyleOrClass;
 }
 /**
- * 게이지 설정 옵션.<br/>
+ * 단일 값을 다양한 방식으로 표시한다.<br/>
  *
  * @config chart.gauge[base]
  */
@@ -7667,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[];
     /**
@@ -8694,7 +8726,8 @@ interface SplitOptions extends ChartItemOptions {
 }
 
 /**
- * 차트 기본 틀을 결정하는 중요한 몇가지 속성들과 하위 구성 요소들에 대한 옵션들을 설정한다.<br/>
+ * 차트 좌표계와 그 방향 및 시리즈와 게이지의 기본 타입을 결정하는 중요한 몇가지 속성들과
+ * 하위 구성 요소들에 대한 옵션들을 설정한다.<br/>
  * 차트 생성 시 이 옵션 객체를 구성해서 전달해야 한다.
  *
  * ```js
@@ -8773,15 +8806,17 @@ interface ChartConfiguration {
      */
     title?: TitleOptions | string;
     /**
-     * 차트 부제목.<br/>
+     * 차트 제목 주위에 표시되는 부제목.<br/>
      */
     subtitle?: SubtitleOptions | string;
     /**
-     * 차트 범례.<br/>
+     * 차트 시리즈 구성 등을 직관적으로 이해할 수 있도록 도와주는 범례.<br/>
+     * 시리즈나 데이터포인트 등의 이름과 심볼을 같이 표시할 수 있다.
      */
     legend?: LegendOptions | boolean;
     /**
-     * 툴팁.<br/>
+     * 데이터포인트 뷰에 마우스가 올라가면 표시되는 툴팁 상자.<br/>
+     * {@page guide.tooltip 툴팁 개요} 페이지를 참조한다.
      */
     tooltip?: TooltipOptions | boolean;
     /**
@@ -8790,26 +8825,30 @@ interface ChartConfiguration {
     series?: SeriesOptionsType | SeriesOptionsType[];
     /**
      * x축 또는 x축 목록.<br/>
-     * [주의] 이전 버전의 설정을 로드하기 위해, 이 속성이 지정되지 않고 **'xAxes'** 설정이 존재하면 load 후 이 속성으로 설정한다.
+     * [주의] 이전 버전의 설정을 로드하기 위해, 이 속성이 지정되지 않고 **'xAxes'** 항목이 존재하면
+     * 그 항목을 이 속성으로 설정한다.
      */
     xAxis?: AxisOptionsType | AxisOptionsType[];
     /**
      * y축 또는 y축 목록.<br/>
-     * [주의] 이전 버전의 설정을 로드하기 위해, 이 속성이 지정되지 않고 **'yAxes'** 설정이 존재하면 load 후 이 속성으로 설정한다.
+     * [주의] 이전 버전의 설정을 로드하기 위해, 이 속성이 지정되지 않고 **'yAxes'** 항목이 존재하면
+     * 그 항목을 이 속성으로 설정한다.
      */
     yAxis?: AxisOptionsType | AxisOptionsType[];
     /**
      * 게이지 또는 게이지 목록.<br/>
-     * [주의] 이전 버전의 설정을 로드하기 위해, 이 속성이 지정되지 않고 **'gauges'** 설정이 존재하면 load 후 이 속성으로 설정한다.
+     * [주의] 이전 버전의 설정을 로드하기 위해, 이 속성이 지정되지 않고 **'gauges'** 항목이 존재하면
+     * 그 항목을 이 속성으로 설정한다.
      */
     gauge?: GaugeOptionsType | GaugeOptionsType[];
     /**
      * 어노테이션 또는 어노테이션 목록.<br/>
-     * [주의] 이전 버전의 설정을 로드하기 위해, 이 속성이 지정되지 않고 **'annotations'** 설정이 존재하면 load 후 이 속성으로 설정한다.
+     * [주의] 이전 버전의 설정을 로드하기 위해, 이 속성이 지정되지 않고 **'annotations'** 항목이 존재하면
+     * 그 항목을 이 속성으로 설정한다.
      */
     annotation?: AnnotationOptionsType | AnnotationOptionsType[];
     /**
-     * 시리즈나 게이지들이 그려지는 영역.<br/>
+     * {@page config.base.series 시리즈}나 {@page config.base.gauge 게이지}들이 그려지는 영역.<br/>
      */
     body?: BodyOptions;
     /**
@@ -8817,11 +8856,11 @@ interface ChartConfiguration {
      */
     seriesNavigator?: SeriesNavigatorOptions | boolean;
     /**
-     * 분할 모드.<br/>
+     * 분할 모드 설정.<br/>
      */
     split?: SplitOptions;
     /**
-     * 내보내기.<br/>
+     * 내보내기 설정.<br/>
      */
     exporting?: ExporterOptions;
 }
@@ -9463,6 +9502,7 @@ interface IChart {
     xAxis: IAxis;
     yAxis: IAxis;
     _subtitle: Subtitle;
+    _legend: Legend;
     _tooltip: Tooltip;
     _body: Body;
     _split: Split;
@@ -9480,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;
@@ -10992,6 +11033,17 @@ 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;
 }
@@ -11000,19 +11052,21 @@ declare class DumbbellSeriesMarker extends SeriesMarker<DumbbellSeriesMarkerOpti
  * {@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;
 }
 
 /**