realchart 1.4.26 → 1.4.28

package/index.d.ts

@@ -1174,6 +1174,10 @@ declare class SvgShapes {
         (rd: number): (string | number)[];
     };
     static line(x1: number, y1: number, x2: number, y2: number): PathValue[];
+    static arrowParts(x1: number, y1: number, x2: number, y2: number, headLen?: number): {
+        body: PathValue[];
+        head: PathValue[];
+    };
     static polygon(...pts: number[]): PathValue[];
     static box(x1: number, y1: number, x2: number, y2: number): PathValue[];
     static rect(r: IRect): PathValue[];
@@ -2810,6 +2814,92 @@ interface LineSeriesFlagOptions extends Omit<IconedTextOptions, 'numberFormat' |
      */
     offset?: number;
 }
+/**
+ * line 시리즈 arrow 마커 회전 방식.<br/>
+ * @enum
+ */
+declare const _LineArrowRotation: {
+    /**
+     * 인접 데이터포인트를 잇는 선분(또는 step/spline의 마지막 구간) 방향으로 회전한다.
+     *
+     * 
+     */
+    readonly AUTO: "auto";
+    /**
+     * {@link auto} 방향의 반대(180도)로 회전한다.
+     *
+     * 
+     */
+    readonly AUTO_REVERSE: "auto-reverse";
+};
+/** @dummy */
+type LineArrowRotation = typeof _LineArrowRotation[keyof typeof _LineArrowRotation] | number;
+/**
+ * line 시리즈 arrow 마커 표시 위치.<br/>
+ * @enum
+ */
+declare const _LineArrowPosition: {
+    /**
+     * 첫 번째 유효 데이터포인트.
+     *
+     * 
+     */
+    readonly START: "start";
+    /**
+     * 마지막 유효 데이터포인트.
+     *
+     * 
+     */
+    readonly END: "end";
+    /**
+     * 양 끝 데이터포인트.
+     *
+     * 
+     */
+    readonly BOTH: "both";
+};
+/** @dummy */
+type LineArrowPosition = typeof _LineArrowPosition[keyof typeof _LineArrowPosition];
+/**
+ * Line 시리즈 양 끝(또는 한쪽 끝)에 표시되는 arrow 마커 설정.<br/>
+ * {@link shape} 등 marker와 동일한 도형을 사용하며, {@link rotation}으로 방향을 지정한다.<br/>
+ * {@link style}을 지정하지 않으면 시리즈 color가 fill로 적용되고, line strokeDasharray는 상속되지 않는다.
+ */
+interface LineSeriesArrowOptions extends SeriesMarkerOptions {
+    /**
+     * @append
+     *
+     * @default false
+     */
+    visible?: boolean;
+    /**
+     * @append
+     *
+     * @default 'triangle'
+     */
+    shape?: Shape;
+    /**
+     * @append
+     *
+     * @default 6
+     */
+    radius?: number;
+    /**
+     * arrow 마커 회전 각도.<br/>
+     * `'auto'`/`'auto-reverse'`이면 인접 데이터포인트를 잇는 선분(또는 step의 해당 직각 구간) 방향으로 회전한다.
+     * spline 등 곡선 시리즈는 인접 포인트를 잇는 직선(chord) 방향을 따른다.
+     * 숫자이면 라인 기울기와 무관하게 지정한 각도(도)로 회전한다.
+     *
+     * @default 'auto'
+     */
+    rotation?: LineArrowRotation;
+    /**
+     * arrow 마커를 표시할 위치.
+     *
+     * @default 'end'
+     */
+    position?: LineArrowPosition;
+}
 /**
  * @enum
  */
@@ -2893,6 +2983,11 @@ interface LineSeriesOptions extends LineSeriesBaseOptions {
      *
      */
     flag?: LineSeriesFlagOptions;
+    /**
+     * 라인 양 끝(또는 한쪽 끝)에 표시되는 arrow 마커 설정.
+     *
+     */
+    arrow?: LineSeriesArrowOptions;
     /**
      * polar 좌표계이고, x축의 totalAngle이 360도이 경우,
      * 양끝 데이터포인터를 이어서 표시할 지 여부.<br/>
@@ -5538,6 +5633,12 @@ interface ZoomButtonOptions extends ChartItemOptions {
      */
     visible?: boolean;
 }
+/**
+ * polar {@link innerRadius} 도넛 구멍 내부 텍스트 설정 옵션.<br/>
+ * @css 'rct-polar-body-inner'
+ */
+interface PolarInnerTextOptions extends IconedTextOptions {
+}
 /**
  * @css 'rct-empty-view'
  */
@@ -5696,6 +5797,21 @@ interface BodyOptions extends ChartItemOptions {
      * @default '45%'
      */
     radius?: PercentSize;
+    /**
+     * {@link https://realchart.co.kr/config/config/#polar 극좌표계} 차트일 때 플롯 영역의 안쪽 반지름.<br/>
+     * 0보다 큰 값을 지정하면 {@link radius}와 함께 도넛 형태의 polar 플롯 영역이 된다.<br/>
+     * {@link https://realchart.co.kr/config/config/series/pie pie}의 {@link innerRadius}와 같이, 바깥 {@link radius}에 대한 상대 크기(%)나 픽셀 수로 지정할 수 있다.<br/>
+     * y축 최솟값은 이 반지름 위치에 매핑된다.
+     *
+     * @default 0
+     */
+    innerRadius?: PercentSize;
+    /**
+     * {@link innerRadius}가 0보다 클 때, polar 플롯 중앙(도넛 구멍)에 표시되는 텍스트.<br/>
+     * {@link https://realchart.co.kr/config/config/series/pie pie}의 {@link innerText}와 동일한 형식이다.<br/>
+     * 기본 클래스 selector는 <b>'rct-polar-body-inner'</b>이다.
+     */
+    innerText?: PolarInnerTextOptions;
     /**
      * {@link https://realchart.co.kr/config/config/#polar 극좌표계} 차트일 때 중심 x 좌표.<br/>
      *
@@ -9049,6 +9165,15 @@ declare class Tooltip extends ChartItem<TooltipOptions> {
     protected _doApply(options: TooltipOptions): void;
 }
 
+/**
+ * @private
+ */
+interface ICategoryTreeGroup {
+    level: number;
+    start: number;
+    end: number;
+    label: string;
+}
 /**
  * 카테고리축의 tick 모델.<br/>
  * {@link options} 모델은 {@link https://realchart.co.kr/docs/api/options/CategoryAxisTickOptions CategoryAxisTickOptions}이다.
@@ -9085,12 +9210,24 @@ declare class CategoryAxisGrid extends AxisGrid<AxisGridOptions> {
  */
 declare class CategoryAxis extends Axis<CategoryAxisOptions> {
     static type: string;
+    static readonly categoryTreeDividerDefaults: Readonly<CategoryTreeDividerOptions>;
+    static readonly categoryTreeDefaults: Readonly<CategoryTreeOptions>;
     static defaults: CategoryAxisOptions;
     _categories: {
         c: string;
         t: string;
+        levels?: string[];
         i?: string;
+        v?: number;
     }[];
+    _categoryTreeDepth: number;
+    _categoryTreeGroups: ICategoryTreeGroup[];
+    _categoryTreeDividerEnds: number[];
+    _categoryTreeDividerLevel: number;
+    private _categoryTreeOp;
+    private _bandColors;
+    private _categoryTreeLevelGroups;
+    private _categoryTreeLevelEnds;
     _weights: Map<number, number>;
     _len: number;
     _minPad: number;
@@ -9111,7 +9248,55 @@ declare class CategoryAxis extends Axis<CategoryAxisOptions> {
     get label(): CategoryAxisLabel;
     xValueAt(pos: number): number;
     getCategorySeparator(): string;
+    isCategoryTreeEnabled(): boolean;
+    hasCategoryTree(): boolean;
+    private $_resolveCategoryTreeOp;
+    private $_normalizeDivider;
+    private $_isDividerOn;
+    private $_dividerProp;
+    isLevelVisible(level: number): boolean;
+    /**
+     * 계층 행 라벨 회전 각도를 반환한다.<br/>
+     * 'auto'(기본값)는 라벨 폭이 자기 영역(span)을 벗어날 때만 -90°로 회전해야 하므로,
+     * 실제 각도 결정은 라벨 폭과 span을 아는 View로 위임한다.
+     */
+    getLevelRotation(level: number): number | 'auto';
+    private $_resolveLevelRotation;
+    getLevelStyle(level: number): SVGStyleOrClass | undefined;
+    getLevelAlign(level: number): Align;
+    getCategoryTreeDepth(): number;
+    getCategoryTreeGroups(): ICategoryTreeGroup[];
+    getDividerLevel(): number;
+    /** level 생략 시 기준 레벨 경계, 지정 시 해당 레벨 행의 그룹 경계 인덱스. */
+    getDividerEnds(level?: number): number[];
+    private $_groupsAtLevel;
+    isDividerBetween(level: number): boolean;
+    isDividerEdge(level: number): boolean;
+    isDividerBelow(level: number): boolean;
+    isDividerTopCap(): boolean;
+    isDividerVisible(): boolean;
+    /** 배경 stripe는 구분선 기준 레벨을 그대로 따른다. */
+    getBandLevel(): number;
+    private $_resolveDividerStyle;
+    private $_dividerStyleOf;
+    getDividerStyle(level?: number): SVGStyleOrClass | undefined;
+    private $_isBandEnabled;
+    isBandVisible(): boolean;
+    getBandGroups(): ICategoryTreeGroup[];
+    getBandColor(index: number): string;
+    private $_resolveBandColors;
+    getCategoryTreeSpan(start: number, end: number, length: number): {
+        center: number;
+        size: number;
+    };
+    getDividerPos(categoryEnd: number, length: number): number;
+    /** 구분선 위치: 첫 카테고리 왼쪽, 그룹 경계, 마지막 카테고리 오른쪽. */
+    getDividerLinePositions(length?: number): number[];
     getWeight(key: number): number;
+    /** 수직 축 라벨 배치 Y (시리즈 inverted 카테고리 좌표와 동일). */
+    getLabelY(length: number, pos: number): number;
+    /** 수평 축 라벨 배치 X. */
+    getLabelX(length: number, pos: number): number;
     _type(): string;
     unitPad(): number;
     continuous(): boolean;
@@ -9119,6 +9304,7 @@ declare class CategoryAxis extends Axis<CategoryAxisOptions> {
     protected _createGrid(): CategoryAxisGrid;
     protected _createTickModel(): CategoryAxisTick;
     protected _createLabel(): CategoryAxisLabel;
+    protected _doApply(op: CategoryAxisOptions): void;
     collectValues(): void;
     getStartAngle(): number;
     protected _doPrepareRender(): void;
@@ -9138,6 +9324,12 @@ declare class CategoryAxis extends Axis<CategoryAxisOptions> {
         min: number;
         max: number;
     };
+    private $_getSpanFromPts;
+    private $_getDividerPosFromPts;
+    private $_getCategoryEdgePos;
+    private $_parseCategoryLevels;
+    private $_pushCategory;
+    private $_buildCategoryTree;
     private $_collectCategories;
 }
 
@@ -10119,10 +10311,15 @@ interface IPolar {
     cx: number;
     cy: number;
     rd: number;
+    /** 안쪽 구멍(도넛) 반지름. 픽셀 단위. */
+    rdInner: number;
     cyclic: boolean;
     min?: number;
     max?: number;
 }
+declare class PolarInnerText extends IconedText<PolarInnerTextOptions> {
+    getDefaultIconPos(): IconPosition;
+}
 declare class BodyDepthLine extends ChartItem<BodyDepthLineOptions> {
     static defaults: BodyDepthLineOptions;
 }
@@ -10199,11 +10396,14 @@ declare class Body<OP extends BodyOptions = BodyOptions> extends ChartItem<OP> i
     private _emptyView;
     _annotations: AnnotationCollection;
     private _radiusDim;
+    private _innerRadiusDim;
     private _centerXDim;
     private _centerYDim;
     private _rd;
+    private _rdInner;
     private _cx;
     private _cy;
+    private _innerText;
     constructor(chart: IChart);
     protected _doInit(op: OP): void;
     anchorByName(name: string): ChartItem;
@@ -10213,10 +10413,22 @@ declare class Body<OP extends BodyOptions = BodyOptions> extends ChartItem<OP> i
     get depth(): BodyDepth;
     get image(): BackgroundImage;
     get emptyView(): EmptyView;
+    /**
+     * {@link innerRadius}가 0보다 클 때, polar 플롯 중앙에 표시되는 텍스트.
+     * 기본 클래스 selector는 <b>'rct-polar-body-inner'</b>이다.
+     */
+    get innerText(): PolarInnerText;
+    hasInner(): boolean;
     get zoomButton(): ZoomButton;
     canZoom(): boolean;
     _getDepth(w: number, h: number): IBodyDepthExtents;
     getRadius(width: number, height: number): number;
+    /**
+     * {@link innerRadius}를 바깥 반지름에 대한 비율(0~1)로 반환한다.
+     * PieSeries.getInnerRadius와 동일한 규칙이다.
+     */
+    getInnerRadius(rd: number): number;
+    getInnerRadiusPx(rd: number): number;
     setPolar(width: number, height: number): Body;
     getPolar(axis: Axis): IPolar;
     isZoomed(): boolean;
@@ -10677,7 +10889,8 @@ declare class AxisAnimation extends RcAnimation {
     private _offset;
     constructor(axis: Axis, prevMin: number, prevMax: number, endHandler: RcAnimationEndHandler);
     getPos(pos: number, reversed: boolean): number;
-    protected _doUpdate(rate: number): boolean;
+    protected _doUpdate(rate: number, _oldRate: number): boolean;
+    protected _stop(canceled: boolean): void;
     protected _doStop(): void;
     private $_calcRange;
 }
@@ -10929,12 +11142,35 @@ declare abstract class AxisTick<OP extends AxisTickOptions = AxisTickOptions> ex
     static defaults: AxisTickOptions;
     private _length;
     private _gap;
+    _inside: boolean;
     canUseNumSymbols(): boolean;
     _getLength(): number;
     _getGap(): number;
     protected _doSetSimple(src: any): boolean;
     protected _doPrepareRender(chart: IChart): void;
 }
+/**
+ * major tick 사이 보조 눈금(minor tick) 모델.<br/>
+ * {@link options 옵션} 모델은 {@link https://realchart.co.kr/docs/api/options/AxisMinorTickOptions AxisMinorTickOptions}이고,
+ * {@link https://realchart.co.kr/config/config/base/axis#minortick minorTick} 항목으로 설정한다.
+ */
+declare class AxisMinorTick extends AxisItem<AxisMinorTickOptions> {
+    static defaults: AxisMinorTickOptions;
+    private _length;
+    private _count;
+    _getLength(): number;
+    _getCount(): number;
+    protected _doSetSimple(src: any): boolean;
+    protected _doPrepareRender(chart: IChart): void;
+}
+/**
+ * major grid 사이 보조 격자선(minor grid line) 모델.<br/>
+ * {@link options 옵션} 모델은 {@link https://realchart.co.kr/docs/api/options/AxisMinorGridOptions AxisMinorGridOptions}이고,
+ * {@link https://realchart.co.kr/config/config/base/axis/grid#minorgrid grid.minorGrid} 항목으로 설정한다.
+ */
+declare class AxisMinorGrid extends AxisItem<AxisMinorGridOptions> {
+    static defaults: AxisMinorGridOptions;
+}
 /**
  * 축 label 모델.<br/>
  * {@link options 옵션} 모델은 {@link https://realchart.co.kr/docs/api/options/AxisLabelOptions AxisLabelOptions}이고,
@@ -11092,6 +11328,8 @@ declare abstract class Axis<OP extends AxisOptions = AxisOptions> extends ChartI
     };
     _ticks: IAxisTick[];
     _markPoints: number[];
+    _minorValues: number[];
+    _minorMarkPoints: number[];
     _vlen: number;
     _zoom: AxisZoom;
     _values: number[];
@@ -11454,6 +11692,21 @@ interface AxisLineOptions extends AxisItemOptions {
  */
 interface AxisSectorLineOptions extends AxisLineOptions {
 }
+/**
+ * @enum
+ */
+declare const _AxisTickLocation: {
+    /**
+     * 축선 바깥쪽(기본)으로 tick이 그려진다.
+     */
+    readonly DEFAULT: "default";
+    /**
+     * 축선 안쪽(플롯 방향)으로 tick이 그려진다.
+     */
+    readonly INSIDE: "inside";
+};
+/** @dummy */
+type AxisTickLocation = typeof _AxisTickLocation[keyof typeof _AxisTickLocation];
 /**
  * 축 tick 표시 방식과 tick 위치 마다 표시되는 선(line) 등에 대한 설정 옵션 기반(base).<br/>
  * 축 종류에 따라 다양한 설정 속성들이 존재한다.
@@ -11472,14 +11725,23 @@ interface AxisSectorLineOptions extends AxisLineOptions {
  * @css 'rct-axis-tick'
  */
 interface AxisTickOptions extends AxisItemOptions {
+    /**
+     * tick line 표시 위치 (inside/default).<br/>
+     * 'inside'이면 축선 안쪽(플롯 방향), 'default'이면 바깥쪽으로 tick이 그려진다.<br/>
+     * {@link https://realchart.co.kr/config/config/base/axis/label#location label.location}과 독립적으로 동작한다.
+     * label이 'inside'여도 tick.location이 'inside'가 아니면 tick은 바깥쪽에 표시된다.<br/>
+     * category 축은 {@link https://realchart.co.kr/config/config/base/axis/tick#position position}이 point/edge용이므로 inside/default는 이 속성으로 지정한다.
+     *
+     * @default 'default'
+     */
+    location?: AxisTickLocation;
     /**
      * @default false
      */
     visible?: boolean;
     /**
      * axis tick line length.<br/>
-     * 지정하지 않거나 잘못 지정하면 {@link https://realchart.co.kr/config/config/base/axis/label#position position}이 'inner'이면 0,
-     * 아니면 7 픽셀로 적용된다.
+     * 지정하지 않거나 잘못 지정하면 7 픽셀로 적용된다.<br/>
      * 또, {@link visible}이 false이어도 이 설정만큼 공간을 차지한다.
      */
     length?: number;
@@ -11491,6 +11753,59 @@ interface AxisTickOptions extends AxisItemOptions {
      */
     gap?: number;
 }
+/**
+ * major grid 사이 보조 격자선(minor grid line) 설정 옵션.<br/>
+ * linear, log, time 축에 적용된다.<br/>
+ * 위치는 {@link AxisMinorTickOptions.count minorTick count}와 동일하게 계산된다
+ * ({@link AxisMinorTickOptions.visible minorTick visible}이 false여도 count는 grid 위치에 사용된다).<br/>
+ * {@link AxisGridOptions.visible grid visible}이 false이면 minor grid도 표시되지 않는다.<br/>
+ * {@link firstVisible}, {@link lastVisible}은 major grid에만 적용되고 minor grid에는 적용되지 않는다.<br/>
+ * {@link depthVisible} 및 depth side panel에는 minor grid가 표시되지 않는다.<br/>
+ * axis break 경계 tick이 있는 major 구간에는 minor grid가 생성되지 않는다.<br/>
+ * 선 스타일은 {@link style} 속성으로 지정한다.
+ *
+ * @css 'rct-axis-minor-grid-line'
+ */
+interface AxisMinorGridOptions extends AxisItemOptions {
+    /**
+     * @default false
+     */
+    visible?: boolean;
+}
+/**
+ * major tick 사이에 표시되는 보조 눈금(minor tick) 설정 옵션.<br/>
+ * linear, log, time 축에 적용된다.<br/>
+ * time 축은 major tick 타임스탬프 사이를 선형 보간하여 minor 위치를 계산한다
+ * (달력 단위가 아닌 픽셀 균등 배치).<br/>
+ * log 축은 major tick 값이 0보다 클 때 log 공간에서 보간한다.<br/>
+ * {@link count}는 {@link https://realchart.co.kr/config/config/base/axis/grid#minorgrid minor grid} 위치 계산에도 사용된다
+ * (visible이 false여도 grid만 표시할 수 있다).<br/>
+ * major tick이 2개 미만이면 minor tick·grid가 생성되지 않는다.<br/>
+ * axis break 경계 tick이 있는 major 구간에는 minor tick이 생성되지 않는다.<br/>
+ * 선 스타일은 {@link style} 속성으로 지정한다.
+ *
+ * @css 'rct-axis-minor-tick'
+ */
+interface AxisMinorTickOptions extends AxisItemOptions {
+    /**
+     * @default false
+     */
+    visible?: boolean;
+    /**
+     * major tick 한 구간 사이에 표시할 minor tick 개수.<br/>
+     * 1 미만이거나 소수인 값은 내림하여 1 이상의 정수로 적용된다.<br/>
+     * {@link https://realchart.co.kr/config/config/base/axis/grid#minorgrid minor grid} 위치에도 동일하게 적용된다.
+     *
+     * @default 4
+     */
+    count?: number;
+    /**
+     * minor tick 선 길이(픽셀). major tick보다 짧게 지정하는 것이 일반적이다.
+     *
+     * @default 4
+     */
+    length?: number;
+}
 /**
  * 연속축의 tick 스텝 목록을 동적으로 리턴하는 {@link https://realchart.co.kr/config/config/xAxis/linear/tick#stepcallback 콜백}의 매개변수로 사용된다.
  */
@@ -11614,6 +11929,12 @@ interface ContinuousAxisTickOptions extends AxisTickOptions {
 /**
  */
 interface ContinuousAxisGridOptions extends AxisGridOptions {
+    /**
+     * major grid 사이 보조 격자선(minor grid line) 설정 옵션.<br/>
+     * boolean 값으로 지정하면 {@link visible} 속성을 지정한 것과 동일하다.<br/>
+     * 표시 여부는 상위 {@link AxisGridOptions.visible grid visible}이 true일 때만 적용된다.
+     */
+    minorGrid?: AxisMinorGridOptions | boolean;
 }
 /**
  * @enum
@@ -12525,6 +12846,168 @@ interface CategoryAxisLabelOptions extends AxisLabelOptions {
     fillToCategory?: boolean;
 }
 declare const CategoryAxisType = "category";
+/**
+ * {@link categoryTree.band band} 세부 설정.
+ */
+interface CategoryTreeBandOptions {
+    /**
+     * 교차 배경 stripe 표시 여부.<br/>
+     * {@link colors}만 지정한 경우 기본값은 true이다.
+     *
+     * @default true
+     */
+    visible?: boolean;
+    /**
+     * 교차로 적용할 배경색 목록.<br/>
+     * 2개 이상 지정하면 순서대로 반복 적용된다.
+     */
+    colors?: string[];
+}
+/**
+ * {@link categoryTree.divider divider} 계층 구분선 설정.
+ */
+interface CategoryTreeDividerOptions {
+    /**
+     * 계층 구분선 표시 마스터 on/off.<br/>
+     * false이면 {@link edge}, {@link between}, {@link below}의
+     * 기본 상속이 비활성화된다.
+     * 이때 {@link categoryTree.levels levels} 항목에서 개별 구분선 옵션을 true로 지정하면
+     * 해당 레벨만 표시된다.<br/>
+     * {@link categoryTree.levels levels} 항목에서만 false로 지정하면
+     * 해당 레벨의 구분선만 숨긴다.<br/>
+     * 스타일은 {@link style}로 설정한다.
+     *
+     * @default true
+     */
+    visible?: boolean;
+    /**
+     * 계층 구분선 스타일을 설정한다.<br/>
+     * true이면 {@css rct-axis-tree-divider} 기본 스타일이 적용된다.
+     * 스타일 클래스 이름이나 스타일 객체를 지정하면 해당 스타일이 사용되고,
+     * 지정하지 않았을 때는 {@link line} 스타일을 따른다.<br/>
+     * false이면 구분선 스타일을 적용하지 않는다.<br/>
+     * {@link categoryTree.levels levels} 항목에서 지정하면 해당 계층 행 구분선에만 적용되고,
+     * 지정하지 않으면 상위 {@link categoryTree.divider divider} 값을 상속한다.
+     */
+    style?: SVGStyleOrClass | boolean;
+    /**
+     * 축 시작·끝(첫·마지막 카테고리 경계)에 구분선을 표시한다.<br/>
+     * 가로 축에서는 해당 계층 행 범위 안의 세로선, 세로 축에서는 가로선으로 그려진다.<br/>
+     * {@link categoryTree.levels levels} 항목에서 지정하면 해당 계층 행에만 적용되고,
+     * 지정하지 않으면 상위 {@link categoryTree.divider divider} 값을 상속한다.<br/>
+     * 계층 라벨 영역 맨 위(가로 축) 가로 구분선은 최상위 {@link edge}와 {@link visible}만
+     * 적용되며 {@link categoryTree.levels levels}에서는 지정할 수 없다.
+     *
+     * @default true
+     */
+    edge?: boolean;
+    /**
+     * 같은 계층 행 안에서 병합된 라벨(그룹) 사이에 구분선을 표시한다.<br/>
+     * {@link categoryTree.levels levels} 항목에서 지정하면 해당 계층 행에만 적용되고,
+     * 지정하지 않으면 상위 {@link categoryTree.divider divider} 값을 상속한다.
+     *
+     * @default true
+     */
+    between?: boolean;
+    /**
+     * 계층 라벨 행 아래(다음 행과의 경계)에 구분선을 표시한다.<br/>
+     * 가로 축에서는 가로선, 세로 축에서는 세로선으로 그려진다.<br/>
+     * {@link categoryTree.levels levels} 항목에서 지정하면 해당 계층 행 아래에만 적용되고,
+     * 지정하지 않으면 상위 {@link categoryTree.divider divider} 값을 상속한다.
+     *
+     * @default true
+     */
+    below?: boolean;
+}
+/**
+ * {@link categoryTree} 세부 설정.
+ */
+interface CategoryTreeOptions {
+    /**
+     * 계층 표시 활성화 여부.<br/>
+     * 최상위에서는 계층 기능 전체 on/off에 사용된다.<br/>
+     * {@link categoryTree.levels levels} 항목의 {@link visible}은 해당 계층 행 라벨만 on/off하며,
+     * 상위 {@link categoryTree.visible visible} 값을 상속하지 않는다.
+     *
+     * @default true
+     */
+    visible?: boolean;
+    /**
+     * 계층 구분선 설정.<br/>
+     * true이면 기본 구분선 옵션이 적용되고,
+     * false이면 구분선 표시가 비활성화된다.<br/>
+     * 객체를 지정하면 {@link visible}, {@link style}, {@link edge}, {@link between}, {@link below}를
+     * 개별 설정할 수 있다.<br/>
+     * {@link categoryTree.levels levels} 항목에서 지정하지 않은 항목은 상위 값을 상속한다.
+     *
+     * @default true
+     */
+    divider?: CategoryTreeDividerOptions | boolean;
+    /**
+     * 구분선 기준 그룹마다 축 라벨 영역에 교차 배경색을 적용한다.<br/>
+     * 배경 stripe는 구분선 기준 레벨(merge 그룹 수가 가장 적은 레벨)의 그룹 단위로 적용되며,
+     * 계층 행별이 아니라 라벨 영역 전체 높이(또는 너비)를 한 번에 칠한다.<br/>
+     * true이면 {@css rct-axis-tree-band} 기본 색이 적용되고,
+     * 객체를 지정하면 {@link visible}, {@link colors}를 설정할 수 있다.<br/>
+     * false이면 교차 배경을 표시하지 않는다.<br/>
+     * stripe 기준 레벨은 merge 그룹 수가 가장 적은 레벨이 자동 선택된다.
+     *
+     * @default false
+     */
+    band?: CategoryTreeBandOptions | boolean;
+    /**
+     * {@link categoryField} 순서와 동일한 인덱스로 계층별 설정을 지정한다.<br/>
+     * {@link divider}의 하위 항목은 지정하지 않은 항목이 상위 {@link categoryTree.divider divider} 값을 상속한다.<br/>
+     * {@link visible}과 {@link label}은 레벨 항목 단위로만 적용되며 상위에서 상속하지 않는다.
+     */
+    levels?: CategoryTreeLevelOptions[];
+}
+/**
+ * {@link categoryTree.levels.label label} 계층별 라벨 설정.<br/>
+ * {@link xAxis.label label} 중 계층 행에 적용 가능한 항목만 포함한다.
+ */
+interface CategoryTreeLevelLabelOptions {
+    /**
+     * 계층 행 라벨 회전 각도.<br/>
+     * **'auto'**이면 라벨이 자기 영역(해당 그룹 span)을 가로로 벗어날 때만 -90°(세로로 세워
+     * 아래에서 위로 읽는 방향)로 회전하고, 영역 안에 들어가면 회전하지 않는다(0°).
+     * 세로 축에서는 회전하지 않는다(0°).<br/>
+     * 숫자를 지정하면 해당 각도로 고정 회전한다.<br/>
+     * 지정하지 않으면 {@link xAxis.label label}의 {@link rotation} 값을 따르고,
+     * 그 값도 없으면 'auto'로 동작한다.
+     *
+     * @default 'auto'
+     */
+    rotation?: number | 'auto';
+    /**
+     * 계층 행 라벨 스타일.<br/>
+     * 지정하지 않으면 {@link xAxis.label label} 스타일이 계층 라벨 컨테이너에 적용되고,
+     * 지정하면 해당 행 라벨에만 추가 적용된다.
+     */
+    style?: SVGStyleOrClass;
+    /**
+     * 계층 행 라벨의 블록 내 정렬.<br/>
+     * 지정하지 않으면 {@link xAxis.label label}의 {@link align} 값을 따른다.
+     *
+     * @default 'center'
+     */
+    align?: Align;
+}
+/**
+ * {@link categoryTree.levels levels} 계층별 설정.<br/>
+ * 인덱스는 {@link categoryField} 배열 순서와 같다.<br/>
+ * {@link divider}는 해당 계층 행에 우선 적용되며,
+ * 지정하지 않은 항목은 상위 {@link categoryTree.divider divider} 값을 상속한다.<br/>
+ * {@link visible}은 해당 계층 행 라벨 표시만 제어하며 상위에서 상속하지 않는다
+ * (라벨을 숨겨도 구분선 설정은 그대로 적용될 수 있다).<br/>
+ * {@link label}은 해당 계층 행 라벨의 회전·스타일·정렬에만 적용된다.
+ */
+interface CategoryTreeLevelOptions extends Omit<CategoryTreeOptions, 'levels' | 'band'> {
+    /**
+     * 해당 계층 행 라벨의 회전·스타일·정렬 설정.
+     */
+    label?: CategoryTreeLevelLabelOptions;
+}
 /**
  * 지정된 카테고리 개수로 축을 분할해서 각 카테고리에 연결된 데이터포인트들이 표시되게 한다.<br/>
  * 카테고리 하나가 1의 축 값(너비)을 갖는다.
@@ -12575,7 +13058,10 @@ interface CategoryAxisOptions extends AxisOptions {
      * 각 데이터포인트의 이 속성 값 중 문자열값들이 연결된 카테고리 축의 category 목록으로 사용된다.
      * field가 둘 이상일때는 마지막 필드 값이 문자열이어야 한다.
      * 또, x 값 대신 이 속성 값에 해당하는 categroy 값이 데이터포인트의 x값이 된다.<br/>
-     * 축 tick에는 마지막 필드로 지정된 문자열이 표시된다.<br/>
+     * {@link categoryTree}가 꺼져 있을 때는 tick·tooltip에 마지막 필드 값이 표시된다.<br/>
+     * {@link categoryTree}가 켜져 있을 때는 배열 순서대로 축에 가장 가까운 행(level 0)부터
+     * 바깥쪽 행으로 쌓이므로, 가장 세분화된 필드를 배열의 <b>첫 번째</b>에 두는 것이 일반적이다
+     * (tick 라벨 대신 계층 행이 표시되며 tooltip {@link https://realchart.co.kr/config/config/base/series series}의 name 등에는 첫 필드 값이 사용된다).<br/>
      * {@link categories}가 지정되면 이 속성은 무시된다.
      */
     categoryField?: (string | number) | (string | number)[];
@@ -12586,6 +13072,23 @@ interface CategoryAxisOptions extends AxisOptions {
      * @default '+'
      */
     categorySeparator?: string;
+    /**
+     * {@link categoryField}가 2개 이상일 때 계층 구조 라벨 및 관련 표시 옵션.<br/>
+     * true이면 {@link categoryTree.visible visible}이 true인 것과 같고 기본값
+     * ({@link categoryTree.divider.edge edge}: true, {@link categoryTree.divider.between between}: true,
+     * {@link categoryTree.divider.below below}: true, {@link band}: false)이 적용된다.
+     * 각 필드가 하나의 라벨 행이 되며
+     * 입력한 필드 순서대로 축에 가장 가까운 행부터 바깥쪽으로 쌓인다.<br/>
+     * 같은 행에서 값이 연속으로 동일하면 하나의 라벨로 통합되어 해당 구간 전체를 차지한다.<br/>
+     * false이면 {@link categoryTree.visible visible}이 false인 것과 같고, tick에는 마지막 필드 값만 표시된다.<br/>
+     * 빈 객체({})를 지정하면 {@link categoryTree.visible visible}이 true인 것과 같고 위 기본값이 적용된다.<br/>
+     * 객체를 지정하면 {@link visible}, {@link divider}, {@link band}, {@link levels}를 개별 설정할 수 있다.<br/>
+     * 지정하지 않으면({@link @default false}) 계층 표시 없이 tick에는 마지막 {@link categoryField} 값만 표시된다.<br/>
+     * {@link chart.polar polar} 차트에서는 지원하지 않는다.
+     *
+     * @default false
+     */
+    categoryTree?: CategoryTreeOptions | boolean;
     /**
      * 명시적으로 지정하는 카테고리 목록.<br/>
      * 문자열로 카테고리 항목을 지정하거나,
@@ -12596,7 +13099,12 @@ interface CategoryAxisOptions extends AxisOptions {
      * 이 목록을 지정하지 않으면 축에 연결된 시리즈들로부터 카테고리 목록을 자동 생성한다.
      * 하지만 시리즈들이 모두 사라지는 경우 카테고리 목록 역시 사라지므로,
      * 기대하는 카테고리 목록을 고정 표시하려는 경우 이 목록을 설정하는 것이 좋다.<br/>
-     * 단, 축의 범위는 해당 옵션에 의해 설정되지 않는다. 축의 범위는 {@link minValue}, {@link maxValue}나 시리즈에 연결된 데이터에 의해 결정된다. <br/>
+     * 단, 축의 범위는 해당 옵션에 의해 설정되지 않는다. 축의 범위는 {@link minValue}, {@link maxValue}나 시리즈에 연결된 데이터에 의해 결정된다.<br/>
+     * 이 목록을 사용하면 시리즈에서 카테고리를 수집하지 않는다(데이터 수집용 {@link categoryField}는 무시된다).<br/>
+     * {@link categoryTree}와 함께 사용하려면 각 항목의 name(또는 label)에
+     * {@link categorySeparator}로 연결된 복합 키를 지정해야 하며,
+     * 분해 필드 수는 {@link categoryField} 배열 길이와 같아야 한다.
+     * 복합 키 형식이 맞지 않으면 계층 표시는 비활성화된다.
      */
     categories?: (string | object)[];
     /**
@@ -12850,6 +13358,11 @@ interface ContinuousAxisOptions extends AxisOptions {
      * @append
      */
     tick?: ContinuousAxisTickOptions | boolean;
+    /**
+     * major tick 사이 보조 눈금(minor tick) 설정 옵션.<br/>
+     * boolean 값으로 지정하면 {@link visible} 속성을 지정한 것과 동일하다.
+     */
+    minorTick?: AxisMinorTickOptions | boolean;
     /**
      * @append
      */
@@ -13529,6 +14042,11 @@ declare const _ShapeAnnotationShape: {
      * 
      */
     readonly LINE: "line";
+    /**
+     * 화살표
+     * 
+     */
+    readonly ARROW: "arrow";
 };
 /** @dummy */
 type ShapeAnnotationShape = typeof _ShapeAnnotationShape[keyof typeof _ShapeAnnotationShape];
@@ -13536,7 +14054,9 @@ type ShapeAnnotationShape = typeof _ShapeAnnotationShape[keyof typeof _ShapeAnno
  * Shape 어노테이션.<br/>
  * {@link https://realchart.co.kr/docs/api/options/AnnotationOptions#type type}은 'shape'이다.<br/>
  * {@link shape} 속성에 표시할 도형 모양을 지정하거나,
- * {@link path}에 SVG path를 직접 지정할 수 있다.
+ * {@link path}에 SVG path를 직접 지정할 수 있다.<br/>
+ * {@link shape}가 `'arrow'`이고 object {@link style}일 때 stroke/fill 기본값이 자동 보정된다.<br/>
+ * CSS class {@link style} 문자열은 자동 보정되지 않는다.
  *
  * // TODO #fiddle annotation/shape-annotation Shape Annotation
  * @css 'rct-shape-annotation'
@@ -13559,22 +14079,43 @@ interface ShapeAnnotationOptions extends AnnotationOptions {
     height?: PercentSize;
     /**
      * Shape 종류.<br/>
+     * `'arrow'`는 {@link x1}, {@link y1}, {@link x2}, {@link y2} 직선 화살표이며,
+     * `'hline'`/`'vline'`처럼 축 전체를 span하지 않는다.
      *
      * @default 'square'
      */
     shape?: ShapeAnnotationShape;
     /**
      * shape svg path.<br/>
-     * 이 속성이 지정되면 {@link shape}는 무시된다.
+     * 이 속성이 지정되면 {@link shape}는 무시되며, `'arrow'`일 때 화살표 머리도 표시되지 않는다.
      */
     path?: string;
     /**
+     * {@link shape}가 `'arrow'`일 때 선 굵기(픽셀).<br/>
+     * 지정하면 {@link style}의 strokeWidth보다 우선하며, 렌더 시 {@link style} strokeWidth로 반영된다.<br/>
+     * arrow 전용이며, object {@link style} 미지정 시 strokeWidth 기본값도 함께 적용된다.
+     *
+     * @default 1
+     */
+    lineWidth?: number;
+    /**
+     * {@link shape}가 `'arrow'`일 때 화살표 머리 크기(픽셀).<br/>
+     * tip에서 wing까지의 거리이며, 선 길이의 90%를 넘지 않는다.<br/>
+     * arrow가 아닌 {@link shape}에서는 무시된다.
+     *
+     * @default 12
+     */
+    headSize?: number;
+    /**
+     * @deprecated 미구현. 사용하지 않는다.
      */
     series?: string;
     /**
+     * @deprecated 미구현. 사용하지 않는다.
      */
     xRange?: number[];
     /**
+     * @deprecated 미구현. 사용하지 않는다.
      */
     yRange?: number[];
 }
@@ -14407,7 +14948,11 @@ declare class ImageElement extends RcElement {
  * {@link options} 모델은 {@link https://realchart.co.kr/docs/api/options/ContinuousAxisGridOptions ContinuousAxisGridOptions}이다.
  */
 declare class ContinuousAxisGrid extends AxisGrid<ContinuousAxisGridOptions> {
+    private _minorGrid;
+    protected _doInit(op: ContinuousAxisGridOptions): void;
+    get minorGrid(): AxisMinorGrid;
     getPositions(axis: ContinuousAxis, length: number): number[];
+    getMinorPositions(axis: ContinuousAxis, length: number): number[];
 }
 /**
  * 연속축의 tick 모델.<br/>
@@ -14502,6 +15047,7 @@ declare abstract class ContinuousAxis<OP extends ContinuousAxisOptions = Continu
     private static readonly PADDINGS;
     static defaults: ContinuousAxisOptions;
     private _baseLine;
+    private _minorTick;
     _minPadPixels: number;
     _maxPadPixels: number;
     private _minPaddings;
@@ -14537,6 +15083,10 @@ declare abstract class ContinuousAxis<OP extends ContinuousAxisOptions = Continu
      * @append
      */
     get tick(): ContinuousAxisTick;
+    /**
+     * @append
+     */
+    get minorTick(): AxisMinorTick;
     /**
      * @append
      */
@@ -14552,13 +15102,22 @@ declare abstract class ContinuousAxis<OP extends ContinuousAxisOptions = Continu
     protected _createGrid(): ContinuousAxisGrid;
     protected _createTickModel(): ContinuousAxisTick;
     protected abstract _createLabel(): ContinuousAxisLabel;
+    _prepareRender(): void;
     protected _doPrepareRender(): void;
     private $_trim;
     private $_trimSteps;
     protected _doBuildTicks(calcedMin: number, calcedMax: number, length: number, phase: number): IAxisTick[];
     private $_createTicks;
     protected _createTick(index: number, step: number): IAxisTick;
+    /**
+     * major tick 구간 사이 minor tick/grid 값을 계산한다.<br/>
+     * minor tick(#1450)과 minor grid line(#1449)이 동일한 보간을 사용한다.
+     */
+    private $_buildMinorValues;
+    protected _canInterpolateMinorSegment(v0: number, v1: number): boolean;
+    protected _interpolateMinorValue(v0: number, v1: number, index: number, count: number): number;
     _calcPoints(length: number, phase: number): void;
+    private $_calcMinorPoints;
     private $_buildBrokenSteps;
     private $_calcBrokenSteps;
     getPos(length: number, value: number): number;
@@ -15284,21 +15843,36 @@ declare class AxisView extends ChartElement<Axis> {
     static readonly AXIS_CLASS = "rct-axis";
     static readonly LINE_CLASS = "rct-axis-line";
     static readonly TICK_CLASS = "rct-axis-tick";
+    /** 계층 라벨 행 사이 간격(px). */
+    static readonly HIERARCHY_ROW_GAP = 2;
+    static readonly MINOR_TICK_CLASS = "rct-axis-minor-tick";
     _simpleMode: boolean;
     private _lineView;
     private _lineView2;
     private _titleView;
     private _markContainer;
     private _markViews;
+    private _minorMarkContainer;
+    private _minorMarkViews;
     private _labelContainer;
     private _labelViews;
     private _unitView;
     _scrollView: AxisScrollView;
     private _reversed;
     private _markLen;
+    private _minorMarkLen;
     private _tickGap;
     private _labelSize;
     private _labelRowPts;
+    private _categoryTreeBandContainer;
+    private _categoryTreeBandViews;
+    private _categoryTreeLabelContainer;
+    private _categoryTreeLabelViews;
+    private _categoryTreeDividerContainer;
+    private _categoryTreeDividerViews;
+    private _categoryTreeLevelSizes;
+    private _categoryTreeLevelOffsets;
+    private _categoryTreeExtraSize;
     _guideViews: AxisGuideView[];
     _frontGuideViews: AxisGuideView[];
     _crosshairView: CrosshairFlagView;
@@ -15324,8 +15898,28 @@ declare class AxisView extends ChartElement<Axis> {
     clean(): void;
     protected _doMeasure(doc: Document, model: Axis, hintWidth: number, hintHeight: number, phase: number): Size;
     protected _doLayout(): void;
+    private $_syncTickMarkViews;
+    private $_prepareTickMarkViews;
+    private $_layoutTickMarkViews;
     private $_prepareTickMarks;
+    private $_prepareMinorTickMarks;
     private _prepareLabel;
+    /**
+     * 계층 행 라벨 회전 각도를 확정한다.<br/>
+     * 'auto'이면 가로 축에서 라벨 폭이 자기 영역(span)을 벗어날 때만 -90°(아래에서 위로 읽는 방향)로
+     * 회전하고 그 외에는 0°이다(세로 축은 항상 0°). svg를 빌드한 뒤 bbox로 판정하므로 v는 빌드된 상태여야 한다.
+     */
+    private $_resolveCategoryTreeRotation;
+    /** 계층 라벨: 일반 tick 라벨(_prepareLabel)과 동일하게 layout·background 초기화를 수행한다. */
+    private $_prepareCategoryTreeLabel;
+    private $_isCategoryTreeSpanVisible;
+    private $_equalSVGStyleOrClass;
+    /**
+     * 수직 축 계층 라벨을 (열 중심, 행 중심)에 정확히 배치한다.
+     * 회전 원점을 bbox 중심에 두면 회전이 중심을 보존하므로, rotation 각도와 무관하게
+     * 라벨이 자기 레벨 열·카테고리 행 안에 중앙 정렬된다.
+     */
+    private $_applyLabelRotationVert;
     private $_prepareLabels;
     private $_getRows;
     private $_getStep;
@@ -15335,6 +15929,26 @@ declare class AxisView extends ChartElement<Axis> {
     private $_checkOverlappedVert2;
     private _prevWidth;
     private $_measureLabelsVert;
+    private $_ensureCategoryTreeViews;
+    private $_hideCategoryTreeViews;
+    private $_measureCategoryTree;
+    private $_syncCategoryTreeMeasure;
+    private $_layoutCategoryTreeHorz;
+    private $_getBandY;
+    private $_getLevelBoundaryY;
+    private $_getLevelBoundaryX;
+    private $_getLevelColumnCenterX;
+    private $_getLevelRowYRange;
+    private $_getLevelRowXRange;
+    private $_countCategoryTreeDividerLines;
+    private $_prepareCategoryTreeBands;
+    private $_getCategoryTreeLabelXBounds;
+    private $_getCategoryTreeEdgeYBounds;
+    private $_applyCategoryTreeDividerLine;
+    private $_layoutCategoryTreeBandsHorz;
+    private $_layoutCategoryTreeBandsVert;
+    private $_layoutCategoryTreeDividers;
+    private $_layoutCategoryTreeVert;
     private $_layoutLabelsHorz;
     private $_layoutLabelsVert;
     private $_layoutUnitHorz;
@@ -15523,6 +16137,7 @@ declare class ChartView extends LayerElement implements IAnnotationAnchorOwner {
 declare class ChartControl extends RcControl implements IChartEventListener {
     private _chart;
     private _chartView;
+    private _contextMenuDismissHandler;
     constructor(doc: Document, container: string | HTMLDivElement);
     protected _createChartView(doc: Document): ChartView;
     protected _createPointerHandler(): ChartPointerHandler;
@@ -15547,6 +16162,8 @@ declare class ChartControl extends RcControl implements IChartEventListener {
     protected _doRender(bounds: IRect): void;
     protected _doRenderBackground(elt: HTMLDivElement, root: RcElement, width: number, height: number): void;
     private _loadModules;
+    private $_bindContextMenuDismiss;
+    private $_unbindContextMenuDismiss;
     private _export;
 }
 
@@ -15680,6 +16297,8 @@ declare class LogAxis extends ContinuousAxis<LogAxisOptions> {
      * 화면 표시는 역log 값들을 사용한다.
      */
     protected _createTick(index: number, step: number): IAxisTick;
+    protected _interpolateMinorValue(v0: number, v1: number, index: number, count: number): number;
+    protected _canInterpolateMinorSegment(v0: number, v1: number): boolean;
     protected _calcUnitLen(vals: number[], length: number, axisMin: number, axisMax: number): {
         len: number;
         min: number;
@@ -15712,6 +16331,38 @@ declare class LineSeriesPoint extends DataPoint {
 declare class LineSeriesMarker extends SeriesMarker<LineSeriesMarkerOptions> {
     static defaults: LineSeriesMarkerOptions;
 }
+/**
+ * Line 시리즈 양 끝 arrow 마커 설정 모델.
+ */
+declare class LineSeriesArrow extends SeriesMarker<LineSeriesArrowOptions> {
+    series: LineSeries;
+    static defaults: LineSeriesArrowOptions;
+    static readonly STYLE_ISOLATION: {
+        stroke: string;
+        strokeDasharray: string;
+        strokeWidth: string;
+    };
+    /** marker._style(raw 옵션)과 달리 prepare 시 fill 기본값·stroke 격리가 적용된 resolved style. */
+    private _runStyle;
+    constructor(series: LineSeries);
+    getPosition(): LineArrowPosition;
+    getShape(): Shape;
+    getRadius(): number;
+    getRotation(): LineArrowRotation;
+    getArrowStyleOverrides(style: SVGStyleOrClass): Partial<SVGStyles>;
+    getArrowStyle(p?: DataPoint): SVGStyleOrClass;
+    buildArrowSlots(pts: LineSeriesPoint[]): {
+        index: number;
+        at: 'start' | 'end';
+    }[];
+    calcAutoAngle(pts: LineSeriesPoint[], index: number, at: 'start' | 'end'): number;
+    calcSegmentAngle(p0: IPointPos, p1: IPointPos, lineType: LineType, stepDir: LineStepDirection, at: 'start' | 'end'): number;
+    calcArrowAngle(pts: LineSeriesPoint[], index: number, at: 'start' | 'end'): number;
+    protected _doPrepareRender(chart: IChart): void;
+    private $_buildRunStyle;
+    private $_applyStyleIsolation;
+    private $_neighborIndex;
+}
 declare class LinePointLabel extends DataPointLabel<LinePointLabelOptions> {
     static readonly ALIGN_GAP = 4;
     static defaults: LinePointLabelOptions;
@@ -15777,9 +16428,11 @@ declare class LineSeries<OP extends LineSeriesOptions = LineSeriesOptions> exten
     static readonly type: string;
     static defaults: LineSeriesOptions;
     private _flag;
+    private _arrow;
     protected _base: number;
     protected _doInit(op: OP): void;
     get flag(): LineSeriesFlag;
+    get arrow(): LineSeriesArrow;
     backDir(): LineStepDirection;
     isConnectEnds(based: boolean, cyclic: boolean): boolean;
     isMarker(): boolean;
@@ -16725,15 +17378,13 @@ declare class ImageAnnotation extends Annotation<ImageAnnotationOptions> {
 declare class ShapeAnnotation extends Annotation<ShapeAnnotationOptions> {
     static readonly type: string;
     static defaults: ShapeAnnotationOptions;
-    private _xRange;
-    private _yRange;
-    getSeries(): {
-        series: ISeries;
-        xRange: number[];
-        yRange: number[];
-    };
+    private _headSize;
     getShape(): ShapeAnnotationShape;
+    hasCustomPath(): boolean;
+    getHeadSize(): number;
+    protected _doApply(options: ShapeAnnotationOptions): void;
     protected _doSetSimple(src: any): boolean;
+    private $_resolveArrowStyle;
 }
 
 /** @private */
@@ -16820,6 +17471,7 @@ declare abstract class LineSeriesBaseView<T extends LineSeriesBase = LineSeriesB
     private _rangeClips;
     protected _polar: IPolar;
     _tester: PathElement;
+    private _arrowViews;
     constructor(doc: Document, styleName: string);
     getClipContainer(): RcElement;
     protected _getPointPool(): PointViewPool;
@@ -16863,6 +17515,10 @@ declare abstract class LineSeriesBaseView<T extends LineSeriesBase = LineSeriesB
     protected _drawCurves(polar: IPolar, lines: PointLine[], sb: PathBuilder): void;
     protected _buildAreas(lines: PointLine[], t1: LineType, t2?: LineType): string;
     setHoverStyle(pv: RcElement): void;
+    protected _doLayout(): void;
+    private $_layoutArrows;
+    private $_applyArrowStyle;
+    private $_isolateClassArrowStrokeDasharray;
 }
 declare class LineSeriesView extends LineSeriesBaseView<LineSeries> {
     static readonly CLASS = "rct-line-series";
@@ -17478,9 +18134,13 @@ declare class ImageAnnotationView extends AnnotationView<ImageAnnotation> {
 declare class ShapeAnnotationView extends AnnotationView<ShapeAnnotation> {
     static readonly CLASS_NAME: string;
     private _shapeView;
+    private _headView;
     constructor(doc: Document);
     protected _doMeasure(doc: Document, model: ShapeAnnotation, hintWidth: number, hintHeight: number, phase: number): Size;
     protected _doLayout(p: Point): void;
+    private $_headView;
+    private $_resetHeadView;
+    private $_lineEndpoints;
 }
 
 declare const isIE: boolean;
@@ -17579,4 +18239,4 @@ declare const createChart: typeof Globals.createChart;
 declare const createData: typeof Globals.createData;
 declare const setLicenseKey: typeof Globals.setLicenseKey;
 
-export { Align, Annotation, AnnotationAnimationOptions, AnnotationClickArgs, AnnotationOptions, AnnotationOptionsType, AnnotationView, ArcElement, AreaRangeSeries, AreaRangeSeriesOptions, AreaRangeSeriesView, AreaSeries, AreaSeriesGroup, AreaSeriesGroupOptions, AreaSeriesOptions, AreaSeriesView, ArrowHead, AssetCollection, AssetItemOptions, AssetOptionsType, Axis, AxisBaseLine, AxisBaseLineOptions, AxisBreakOptions, AxisCollection, AxisGrid, AxisGridOptions, AxisGridRowsOptions, AxisGuideLabelOptions, AxisGuideOptions, AxisGuideOptionsType, AxisItem, AxisItemOptions, AxisLabel, AxisLabelArgs, AxisLabelOptions, AxisLine, AxisLineGuideOptions, AxisLineOptions, AxisOptions, AxisOptionsType, AxisRangeGuideOptions, AxisScrollBar, AxisScrollBarOptions, AxisScrollView, AxisSectorLine, AxisSectorLineOptions, AxisTick, AxisTickOptions, AxisTitle, AxisTitleOptions, AxisView, BackgroundImageOptions, BarRangeSeries, BarRangeSeriesOptions, BarRangeSeriesView, BarSeries, BarSeriesBase, BarSeriesBaseOptions, BarSeriesGroup, BarSeriesGroupBase, BarSeriesGroupBaseOptions, BarSeriesGroupOptions, BarSeriesOptions, BarSeriesPoint, BarSeriesView, BarSeriesViewBase, BasedSeries, BasedSeriesOptions, BasedSeriesView, BellCurveSeries, BellCurveSeriesOptions, BellCurveSeriesView, Body, BodyDepth, BodyOptions, BodyView, BoxPlotSeries, BoxPlotSeriesOptions, BoxPlotSeriesView, BoxPointElementEx, BubblePie, BubblePieOptions, BubbleSeries, BubbleSeriesOptions, BubbleSeriesView, BulletBandLabelOptions, BulletBarLabelOptions, BulletGaugeBandOptions, BulletGaugeGroupOptions, BulletGaugeGroupType, BulletGaugeOptions, BulletGaugeType, BulletTargetBarOptions, BulletValueBarOptions, BumpSeriesGroup, BumpSeriesGroupOptions, CandlestickSeries, CandlestickSeriesOptions, CandlestickSeriesView, CategoryAxis, CategoryAxisGrid, CategoryAxisLabel, CategoryAxisOptions, CategoryAxisTick, CategoryAxisTickOptions, Chart, ChartConfiguration, ChartControl, ChartData, ChartDataCollection, ChartDataOptions, ChartElement, ChartItem, ChartItemOptions, ChartObject, ChartOptions, ChartOptionsOptions, ChartPoint, ChartPointerHandler, ChartText, ChartTextOptions, ChartView, CircelBarPointLabel, CircleBarPointLabelOptions, CircleBarSeries, CircleBarSeriesGroup, CircleBarSeriesGroupOptions, CircleBarSeriesOptions, CircleBarSeriesView, CircleElement, CircleGaugeGroupOptions, CircleGaugeGroupType, CircleGaugeHandOptions, CircleGaugeOptions, CircleGaugePinOptions, CircleGaugeRimBaseOptions, CircleGaugeRimOptions, CircleGaugeScaleOptions, CircleGaugeType, CircleGaugeValueMarkerOptions, CircleGaugeValueRimOptions, CircularGauge, CircularGaugeGroup, CircularGaugeGroupOptions, CircularGaugeLabel, CircularGaugeLabelOptions, CircularGaugeOptions, ClockGaugeHandOptions, ClockGaugeLabelOptions, ClockGaugeOptions, ClockGaugePinOptions, ClockGaugeRimOptions, ClockGaugeSecondHandOptions, ClockGaugeTickLabelOptions, ClockGaugeTickOptions, ClockGaugeType, ClusterableSeries, ClusterableSeriesGroup, ClusterableSeriesGroupOptions, ClusterableSeriesOptions, Color, ColorListOptions, ConnectableSeries, ConnectableSeriesOptions, ConstraintSeriesGroup, ContentView, ContinuousAxis, ContinuousAxisGridOptions, ContinuousAxisLabelOptions, ContinuousAxisOptions, ContinuousAxisTickOptions, Credits, CreditsOptions, Crosshair, CrosshairCallbackArgs, CrosshairFlagOptions, CrosshairOptions, DataPoint, DataPointCallbackArgs, DataPointCollection, DataPointLabel, DataPointLabelOptions, Dom, DumbbellSeries, DumbbellSeriesMarkerOptions, DumbbellSeriesOptions, DumbbellSeriesView, ElementPool, EmptyViewOptions, EqualizerSeries, EqualizerSeriesOptions, EqualizerSeriesView, ErrorBarSeries, ErrorBarSeriesOptions, ErrorBarSeriesView, ExportOptions, Exporter, ExporterOptions, FunnelSeries, FunnelSeriesLabelOptions, FunnelSeriesOptions, FunnelSeriesView, Gauge, GaugeBase, GaugeBaseOptions, GaugeGroup, GaugeGroupOptions, GaugeGroupView, GaugeItem, GaugeLabel, GaugeLabelOptions, GaugeOptions, GaugeOptionsType, GaugeRangeBand, GaugeRangeBandOptions, GaugeRangeLabel, GaugeRangeLabelOptions, GaugeScale, GaugeScaleLabelOptions, GaugeScaleOptions, GaugeScaleTickOptions, GaugeView, GradientOptions, HeatmapSeriesOptions, HeatmapSeriesType, HistogramSeries, HistogramSeriesOptions, HistogramSeriesView, IAxis, IAxisTick, IChart, ICircularGaugeExtents, ILegendSource, IMinMax, IPercentSize, IPlottingItem, IPlottingOwner, IPointView, IRect, ISeries, ISplit, IconedText, IconedTextOptions, ImageAnnotation, ImageAnnotationOptions, ImageAnnotationView, ImageElement, ImageListOptions, ImageOptions, LayerElement, Legend, LegendItem, LegendItemView, LegendOptions, LegendView, LineElement, LinePointLabel, LinePointLabelOptions, LineSeries, LineSeriesBase, LineSeriesBaseOptions, LineSeriesBaseView, LineSeriesFlagOptions, LineSeriesGroup, LineSeriesGroupOptions, LineSeriesMarkerOptions, LineSeriesOptions, LineSeriesPoint, LineSeriesView, LinearAxis, LinearAxisLabelOptions, LinearAxisOptions, LinearGaugeBaseOptions, LinearGaugeChildLabelOptions, LinearGaugeGroupBaseOptions, LinearGaugeGroupLabelOptions, LinearGaugeGroupOptions, LinearGaugeGroupType, LinearGaugeLabelOptions, LinearGaugeOptions, LinearGaugeScaleOptions, LinearGaugeType, LinearGradientOptions, LinearValueBarOptions, LoadCallbackArgs, LogAxis, LogAxisOptions, LogAxisTickOptions, LollipopSeries, LollipopSeriesMarkerOptions, LollipopSeriesOptions, LollipopSeriesView, LowRangedSeries, LowRangedSeriesOptions, MarkerSeries, MarkerSeriesOptions, MarkerSeriesPointView, MarkerSeriesView, NavigatorMask, NavigiatorHandle, NavigiatorHandleOptions, NavigiatorMaskOptions, ORG_ANGLE, OhlcSeries, OhlcSeriesOptions, OhlcSeriesView, OthersGroup, OthersGroupOptions, PI_2, PaneBodyOptions, PaneContainer, PaneOptions, ParetoSeries, ParetoSeriesOptions, ParetoSeriesView, PathBuilder, PathElement, PatternOptions, PercentSize, PictogramSeriesOptions, PictogramSeriesType, PictorialBarMode, PictorialBarSeriesOptions, PictorialBarSeriesType, PictorialSeriesLabelOptions, PictorialSeriesOptions, PictorialSeriesType, PieSeries, PieSeriesGroup, PieSeriesGroupOptions, PieSeriesLabel, PieSeriesLabelOptions, PieSeriesOptions, PieSeriesText, PieSeriesTextOptions, PieSeriesView, Point, PointElement, PointHovering, PointHoveringOptions, PointLabelLineContainer, PointLabelLineView, PointLabelView, PointViewPool, RAD_DEG, RaceBarSeriesOptions, RaceBarSeriesType, RaceCallbackArgs, RaceLineSeriesOptions, RaceLineSeriesType, RadialGradientOptions, RadialSeries, RadialSeriesOptions, RangedSeries, RangedSeriesOptions, RcAnimation, RcControl, RcElement, RcObject, RectElement, SVGNS, SVGStyleOrClass, SVGStyles, ScaleView, ScatterSeries, ScatterSeriesOptions, ScatterSeriesView, SectionView, SectorElement, Series, SeriesAnimation, SeriesGroup, SeriesGroupOptions, SeriesMarker, SeriesMarkerOptions, SeriesNavigator, SeriesNavigatorOptions, SeriesOptions, SeriesOptionsType, SeriesView, Shape, ShapeAnnotation, ShapeAnnotationOptions, ShapeAnnotationView, Size, SplineSeries, SplineSeriesOptions, SplitOptions, StackLabel, StackLabelCallbackArgs, StackLabelOptions, StepCallbackArgs, Subtitle, SubtitleOptions, SvgShapes, TextAnchor, TextAnnotation, TextAnnotationOptions, TextAnnotationView, TextElement, TextLayout, TimeAxis, TimeAxisLabelOptions, TimeAxisOptions, TimeAxisTickOptions, Title, TitleOptions, Tooltip, TooltipOptions, TreeGroupHeadOptions, TreemapSeriesOptions, TreemapSeriesType, TrendlineArea as TrendLineArea, TrendlineLabel as TrendLineLabel, Trendline, TrendlineOptions, Utils, ValueGauge, ValueGaugeOptions, ValueGaugeView, ValueRange, ValueRangeList, VectorSeriesOptions, VectorSeriesType, WaterfallSeries, WaterfallSeriesOptions, WaterfallSeriesView, Widget, WidgetSeries, WidgetSeriesConnector, WidgetSeriesLabel, WidgetSeriesOptions, WidgetSeriesPoint, WidgetSeriesView, WordCloudSeriesOptions, WordCloudSeriesType, ZValuePoint, ZoomButtonOptions, ZoomCallbackArgs, absv, assignObj, buildValueRanges, calcPercent, configure, copyObj, cos, createChart, createData, createRect, extend, fixnum, getVersion, incv, isArray, isEmptyRect, isIE, isNumber, isObject, isString, maxv, minv, parsePercentSize, pickNum, pickProp, pickProp3, pixel, rectToSize, setAnimatable, setDebugging, setLicenseKey, setLogging, sin, toStr };
+export { Align, Annotation, AnnotationAnimationOptions, AnnotationClickArgs, AnnotationOptions, AnnotationOptionsType, AnnotationView, ArcElement, AreaRangeSeries, AreaRangeSeriesOptions, AreaRangeSeriesView, AreaSeries, AreaSeriesGroup, AreaSeriesGroupOptions, AreaSeriesOptions, AreaSeriesView, ArrowHead, AssetCollection, AssetItemOptions, AssetOptionsType, Axis, AxisBaseLine, AxisBaseLineOptions, AxisBreakOptions, AxisCollection, AxisGrid, AxisGridOptions, AxisGridRowsOptions, AxisGuideLabelOptions, AxisGuideOptions, AxisGuideOptionsType, AxisItem, AxisItemOptions, AxisLabel, AxisLabelArgs, AxisLabelOptions, AxisLine, AxisLineGuideOptions, AxisLineOptions, AxisMinorGridOptions, AxisMinorTickOptions, AxisOptions, AxisOptionsType, AxisRangeGuideOptions, AxisScrollBar, AxisScrollBarOptions, AxisScrollView, AxisSectorLine, AxisSectorLineOptions, AxisTick, AxisTickOptions, AxisTitle, AxisTitleOptions, AxisView, BackgroundImageOptions, BarRangeSeries, BarRangeSeriesOptions, BarRangeSeriesView, BarSeries, BarSeriesBase, BarSeriesBaseOptions, BarSeriesGroup, BarSeriesGroupBase, BarSeriesGroupBaseOptions, BarSeriesGroupOptions, BarSeriesOptions, BarSeriesPoint, BarSeriesView, BarSeriesViewBase, BasedSeries, BasedSeriesOptions, BasedSeriesView, BellCurveSeries, BellCurveSeriesOptions, BellCurveSeriesView, Body, BodyDepth, BodyOptions, BodyView, BoxPlotSeries, BoxPlotSeriesOptions, BoxPlotSeriesView, BoxPointElementEx, BubblePie, BubblePieOptions, BubbleSeries, BubbleSeriesOptions, BubbleSeriesView, BulletBandLabelOptions, BulletBarLabelOptions, BulletGaugeBandOptions, BulletGaugeGroupOptions, BulletGaugeGroupType, BulletGaugeOptions, BulletGaugeType, BulletTargetBarOptions, BulletValueBarOptions, BumpSeriesGroup, BumpSeriesGroupOptions, CandlestickSeries, CandlestickSeriesOptions, CandlestickSeriesView, CategoryAxis, CategoryAxisGrid, CategoryAxisLabel, CategoryAxisLabelOptions, CategoryAxisOptions, CategoryAxisTick, CategoryAxisTickOptions, CategoryTreeBandOptions, CategoryTreeDividerOptions, CategoryTreeLevelLabelOptions, CategoryTreeLevelOptions, CategoryTreeOptions, Chart, ChartConfiguration, ChartControl, ChartData, ChartDataCollection, ChartDataOptions, ChartElement, ChartItem, ChartItemOptions, ChartObject, ChartOptions, ChartOptionsOptions, ChartPoint, ChartPointerHandler, ChartText, ChartTextOptions, ChartView, CircelBarPointLabel, CircleBarPointLabelOptions, CircleBarSeries, CircleBarSeriesGroup, CircleBarSeriesGroupOptions, CircleBarSeriesOptions, CircleBarSeriesView, CircleElement, CircleGaugeGroupOptions, CircleGaugeGroupType, CircleGaugeHandOptions, CircleGaugeOptions, CircleGaugePinOptions, CircleGaugeRimBaseOptions, CircleGaugeRimOptions, CircleGaugeScaleOptions, CircleGaugeType, CircleGaugeValueMarkerOptions, CircleGaugeValueRimOptions, CircularGauge, CircularGaugeGroup, CircularGaugeGroupOptions, CircularGaugeLabel, CircularGaugeLabelOptions, CircularGaugeOptions, ClockGaugeHandOptions, ClockGaugeLabelOptions, ClockGaugeOptions, ClockGaugePinOptions, ClockGaugeRimOptions, ClockGaugeSecondHandOptions, ClockGaugeTickLabelOptions, ClockGaugeTickOptions, ClockGaugeType, ClusterableSeries, ClusterableSeriesGroup, ClusterableSeriesGroupOptions, ClusterableSeriesOptions, Color, ColorListOptions, ConnectableSeries, ConnectableSeriesOptions, ConstraintSeriesGroup, ContentView, ContinuousAxis, ContinuousAxisGridOptions, ContinuousAxisLabelOptions, ContinuousAxisOptions, ContinuousAxisTickOptions, Credits, CreditsOptions, Crosshair, CrosshairCallbackArgs, CrosshairFlagOptions, CrosshairOptions, DataPoint, DataPointCallbackArgs, DataPointCollection, DataPointLabel, DataPointLabelOptions, Dom, DumbbellSeries, DumbbellSeriesMarkerOptions, DumbbellSeriesOptions, DumbbellSeriesView, ElementPool, EmptyViewOptions, EqualizerSeries, EqualizerSeriesOptions, EqualizerSeriesView, ErrorBarSeries, ErrorBarSeriesOptions, ErrorBarSeriesView, ExportOptions, Exporter, ExporterOptions, FunnelSeries, FunnelSeriesLabelOptions, FunnelSeriesOptions, FunnelSeriesView, Gauge, GaugeBase, GaugeBaseOptions, GaugeGroup, GaugeGroupOptions, GaugeGroupView, GaugeItem, GaugeLabel, GaugeLabelOptions, GaugeOptions, GaugeOptionsType, GaugeRangeBand, GaugeRangeBandOptions, GaugeRangeLabel, GaugeRangeLabelOptions, GaugeScale, GaugeScaleLabelOptions, GaugeScaleOptions, GaugeScaleTickOptions, GaugeView, GradientOptions, HeatmapSeriesOptions, HeatmapSeriesType, HistogramSeries, HistogramSeriesOptions, HistogramSeriesView, IAxis, IAxisTick, IChart, ICircularGaugeExtents, ILegendSource, IMinMax, IPercentSize, IPlottingItem, IPlottingOwner, IPointView, IRect, ISeries, ISplit, IconedText, IconedTextOptions, ImageAnnotation, ImageAnnotationOptions, ImageAnnotationView, ImageElement, ImageListOptions, ImageOptions, LayerElement, Legend, LegendItem, LegendItemView, LegendOptions, LegendView, LineArrowPosition, LineArrowRotation, LineElement, LinePointLabel, LinePointLabelOptions, LineSeries, LineSeriesArrowOptions, LineSeriesBase, LineSeriesBaseOptions, LineSeriesBaseView, LineSeriesFlagOptions, LineSeriesGroup, LineSeriesGroupOptions, LineSeriesMarkerOptions, LineSeriesOptions, LineSeriesPoint, LineSeriesView, LinearAxis, LinearAxisLabelOptions, LinearAxisOptions, LinearGaugeBaseOptions, LinearGaugeChildLabelOptions, LinearGaugeGroupBaseOptions, LinearGaugeGroupLabelOptions, LinearGaugeGroupOptions, LinearGaugeGroupType, LinearGaugeLabelOptions, LinearGaugeOptions, LinearGaugeScaleOptions, LinearGaugeType, LinearGradientOptions, LinearValueBarOptions, LoadCallbackArgs, LogAxis, LogAxisOptions, LogAxisTickOptions, LollipopSeries, LollipopSeriesMarkerOptions, LollipopSeriesOptions, LollipopSeriesView, LowRangedSeries, LowRangedSeriesOptions, MarkerSeries, MarkerSeriesOptions, MarkerSeriesPointView, MarkerSeriesView, NavigatorMask, NavigiatorHandle, NavigiatorHandleOptions, NavigiatorMaskOptions, ORG_ANGLE, OhlcSeries, OhlcSeriesOptions, OhlcSeriesView, OthersGroup, OthersGroupOptions, PI_2, PaneBodyOptions, PaneContainer, PaneOptions, ParetoSeries, ParetoSeriesOptions, ParetoSeriesView, PathBuilder, PathElement, PatternOptions, PercentSize, PictogramSeriesOptions, PictogramSeriesType, PictorialBarMode, PictorialBarSeriesOptions, PictorialBarSeriesType, PictorialSeriesLabelOptions, PictorialSeriesOptions, PictorialSeriesType, PieSeries, PieSeriesGroup, PieSeriesGroupOptions, PieSeriesLabel, PieSeriesLabelOptions, PieSeriesOptions, PieSeriesText, PieSeriesTextOptions, PieSeriesView, Point, PointElement, PointHovering, PointHoveringOptions, PointLabelLineContainer, PointLabelLineView, PointLabelView, PointViewPool, PolarInnerTextOptions, RAD_DEG, RaceBarSeriesOptions, RaceBarSeriesType, RaceCallbackArgs, RaceLineSeriesOptions, RaceLineSeriesType, RadialGradientOptions, RadialSeries, RadialSeriesOptions, RangedSeries, RangedSeriesOptions, RcAnimation, RcControl, RcElement, RcObject, RectElement, SVGNS, SVGStyleOrClass, SVGStyles, ScaleView, ScatterSeries, ScatterSeriesOptions, ScatterSeriesView, SectionView, SectorElement, Series, SeriesAnimation, SeriesGroup, SeriesGroupOptions, SeriesMarker, SeriesMarkerOptions, SeriesNavigator, SeriesNavigatorOptions, SeriesOptions, SeriesOptionsType, SeriesView, Shape, ShapeAnnotation, ShapeAnnotationOptions, ShapeAnnotationView, Size, SplineSeries, SplineSeriesOptions, SplitOptions, StackLabel, StackLabelCallbackArgs, StackLabelOptions, StepCallbackArgs, Subtitle, SubtitleOptions, SvgShapes, TextAnchor, TextAnnotation, TextAnnotationOptions, TextAnnotationView, TextElement, TextLayout, TimeAxis, TimeAxisLabelOptions, TimeAxisOptions, TimeAxisTickOptions, Title, TitleOptions, Tooltip, TooltipOptions, TreeGroupHeadOptions, TreemapSeriesOptions, TreemapSeriesType, TrendlineArea as TrendLineArea, TrendlineLabel as TrendLineLabel, Trendline, TrendlineOptions, Utils, ValueGauge, ValueGaugeOptions, ValueGaugeView, ValueRange, ValueRangeList, VectorSeriesOptions, VectorSeriesType, WaterfallSeries, WaterfallSeriesOptions, WaterfallSeriesView, Widget, WidgetSeries, WidgetSeriesConnector, WidgetSeriesLabel, WidgetSeriesOptions, WidgetSeriesPoint, WidgetSeriesView, WordCloudSeriesOptions, WordCloudSeriesType, ZValuePoint, ZoomButtonOptions, ZoomCallbackArgs, absv, assignObj, buildValueRanges, calcPercent, configure, copyObj, cos, createChart, createData, createRect, extend, fixnum, getVersion, incv, isArray, isEmptyRect, isIE, isNumber, isObject, isString, maxv, minv, parsePercentSize, pickNum, pickProp, pickProp3, pixel, rectToSize, setAnimatable, setDebugging, setLicenseKey, setLogging, sin, toStr };