realchart 1.3.9 → 1.3.11

package/index.d.ts

@@ -635,8 +635,6 @@ interface IconedTextOptions extends ChartTextOptions {
      * 아이콘에 사용할 이미지 목록<br/>
      * assets에 지정한 이미지 목록을 id 값으로 불러와 사용한다.<br/>
      * 이미지 목록이 없으면, 대신 iconRoot 속성 값을 사용하여 아이콘 경로를 설정한다.
-     * [미구현] imageList 설정만 하고, 사용처가 없음. #603
-     * @ignore
      */
     imageList?: string;
     /**
@@ -1067,6 +1065,185 @@ declare const createRect: (x: number, y: number, width: number, height: number)
 declare function rectToSize(r: IRect): Size;
 declare function isEmptyRect(r: IRect): boolean;
 
+/**
+ * @enum
+ */
+declare const _AssetType: {
+    /** @config */
+    readonly COLORS: "colors";
+    /** @config */
+    readonly IMAGES: "images";
+    /** @config */
+    readonly LINEARGREADIENT: "lineargradient";
+    /** @config */
+    readonly RADIALGRADIENT: "radialgradient";
+};
+/** @dummy */
+type AssetType = typeof _AssetType[keyof typeof _AssetType];
+/**
+ */
+interface AssetItemOptions {
+    type?: AssetType;
+    /**
+     * 에셋 id.<br/>
+     * 시리즈나 축에서 이 에셋 항목을 참조할 때 사용하는 키로서
+     * 차트 내에서 유일한 문자열로 반드시 지정해야 한다.
+     *
+     */
+    id: string;
+}
+/**
+ */
+interface GradientOptions extends AssetItemOptions {
+    /**
+     * 색을 배열로 지정하거나,
+     * 끝 값을 'white'로 전제하고 시작 색 값 하나만 지정할 수 있다.
+     *
+     */
+    color: string[] | string;
+    /**
+     * 0에서 1사이의 불투명도.<br/>
+     * 지정하지 않거나 타당한 값이 아니면 1(완전 불투명)로 적용한다.
+     * 또는, 불투명도를 배열로 지정할 수도 있다.
+     *
+     */
+    opacity?: number[] | number;
+}
+/**
+ * 시작점과 끝점 사이에 색상이 서서히 변경되는 효과를 표시한다.<br/>
+ * 채우기 색이나 선 색으로 사용될 수 있다.
+ *
+ * @config chart.asset[type=lineargradient]
+ */
+interface LinearGradientOptions extends GradientOptions {
+    /**
+     *
+     * @default 'down'
+     */
+    dir?: 'down' | 'up' | 'right' | 'left';
+}
+/**
+ * 원 중심에서 바깥으로 생상이 변해가는 효과를 표시한다.<br/>
+ * 채우기 색이나 선 색으로 사용될 수 있다.
+ *
+ * @config chart.asset[type=radialgradient]
+ */
+interface RadialGradientOptions extends GradientOptions {
+    /**
+     * gradient가 끝나는 원의 x 좌표.
+     */
+    cx?: number | string;
+    /**
+     * gradient가 끝나는 원의 y 좌표.
+     */
+    cy?: number | string;
+    /**
+     * gradient가 끝나는 원의 반지름.
+     */
+    r?: number | string;
+}
+/**
+ * 도형 패턴을 지정해서 채우기(fill) 색상 대신 사용할 수 있다.<br/>
+ */
+interface PatternOptions extends AssetItemOptions {
+    /**
+     * 문자열로 지정하면 path 'd', 숫자로 지정하면 stock pattern index.
+     */
+    pattern: string | number;
+    /**
+     * 지정하지 않으면 {@page height}나 20 pixels.
+     */
+    width?: number;
+    /**
+     * 지정하지 않으면 {@page widths}나 20 pixels.
+     */
+    height?: number;
+    /**
+     */
+    style?: SVGStyles;
+    /**
+     */
+    backgroundStyle?: SVGStyles;
+}
+/**
+ */
+interface ImageOptions {
+    /**
+     */
+    name?: string;
+    /**
+     */
+    url: string;
+}
+/**
+ * @config chart.asset[type=images]
+ */
+interface ImageListOptions extends AssetItemOptions {
+    /**
+     */
+    rootUrl?: string;
+    /**
+     */
+    width?: number;
+    /**
+     */
+    height?: number;
+    /**
+     */
+    images?: (ImageOptions | string)[];
+}
+/**
+ * 색상 목록을 미리 지정하고 {@page config.base.series#pointcolors} 등에 적용할 수 있다.<br/>
+ * 목록에서 색상을 꺼내오는 방식은 {@page mode} 속성으로 지정한다.
+ *
+ * @config chart.asset[type=colors]
+ */
+interface ColorListOptions extends AssetItemOptions {
+    /**
+     * 색상 목록에서 색을 꺼내오는 방식.
+     *
+     * @default 'normal'
+     */
+    mode?: PaletteMode;
+    /**
+     * 색상 목록.
+     *
+     */
+    colors: string[];
+}
+/** @dummy */
+type AssetOptionsType = LinearGradientOptions | RadialGradientOptions | PatternOptions | ColorListOptions | ImageListOptions;
+
+declare abstract class AssetItem<T extends AssetItemOptions> {
+    source: T;
+    constructor(source: T);
+    hasDef(): boolean;
+    abstract getEelement(doc: Document, source: T): Element;
+    abstract prepare(): void;
+}
+/**
+ * <defs> 요소를 관리하는 인터페이스.<br/>
+ */
+interface IAssetOwner {
+    addDef(element: Element): void;
+    removeDef(element: string): void;
+}
+/**
+ * 종류 구분없이 id는 유일하게 반드시 지정해야 한다.
+ */
+declare class AssetCollection {
+    private _items;
+    private _map;
+    load(source: any): AssetOptionsType | AssetOptionsType[];
+    updateOptions(source: any, render: boolean): void;
+    register(doc: Document, owner: IAssetOwner): void;
+    unregister(owner: IAssetOwner): void;
+    get(id: string): AssetItem<AssetItemOptions>;
+    prepareRender(): void;
+    get options(): AssetOptionsType[];
+    private $_loadItem;
+}
+
 interface IPointerHandler {
     handleDown(ev: PointerEvent): void;
     handleUp(ev: PointerEvent): void;
@@ -1080,7 +1257,7 @@ interface IPointerHandler {
  *
  * Control base.
  */
-declare abstract class RcControl extends RcObject {
+declare abstract class RcControl extends RcObject implements IAssetOwner {
     static readonly CLASS_NAME = "rct-control";
     static readonly SHADOW_FILTER = "rr-chart-shadow-filter";
     static _animatable: boolean;
@@ -1099,6 +1276,8 @@ declare abstract class RcControl extends RcObject {
     private _invalidateLock;
     private _lockDirty;
     private _cssVars;
+    private _resizeObserver;
+    private _domResize;
     loaded: boolean;
     _padding: ISides;
     constructor(doc: Document, container: string | HTMLDivElement, className?: string);
@@ -1128,6 +1307,7 @@ declare abstract class RcControl extends RcObject {
     releaseLock(validate?: boolean): void;
     lock(func: (control: RcControl) => void): void;
     silentLock(func: (control: RcControl) => void): void;
+    setDomResize(value: boolean): void;
     getBounds(): DOMRect;
     setAnimation(to?: number): void;
     fling(distance: number, duration: number): void;
@@ -1159,7 +1339,8 @@ declare abstract class RcControl extends RcObject {
     protected _doAfterRender(): void;
     protected _doRenderBackground(elt: HTMLDivElement, root: RcElement, width: number, height: number): void;
     protected _windowResizeHandler: (event: Event) => void;
-    protected _windowResized(): void;
+    protected _domResizeHandler: (event: Event) => void;
+    protected _domResized(): void;
     toOffset(event: any): any;
     setPointerCapture(ev: PointerEvent): void;
     releasePointerCapture(ev: PointerEvent): void;
@@ -1687,6 +1868,10 @@ interface SeriesOptions extends ChartItemOptions {
      * undefined이면, data point의 값이 객체일 때 'color'.
      */
     colorField?: string;
+    /**
+     * undefined이면, data point의 값이 객체일 때 'icon'.
+     */
+    iconField?: string;
     /**
      * 데이터포인터들을 생성하는 데 사용되는 값 목록.
      * 단일 값을 지정할 경우 배열로 처리됩니다. 단, string 타입은 향후 버전에서 사용할 예정이며, 현재는 data를 지정하지 않은 경우와 동일하게 동작한다.
@@ -2413,6 +2598,7 @@ declare const BarSeriesType = "bar";
  * |{@page xField}|속성 값, 또는 'x', 'name', 'label' 속성들 중 순서대로 값이 설정된 것이 x 값이 된다.|
  * |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
  * |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
+ * |{@page iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
  *
  * @css 'rct-bar-series'
  * @config chart.series[type=bar]
@@ -2538,6 +2724,10 @@ interface LineSeriesFlagOptions extends IconedTextOptions {
      * @default 8
      */
     offset?: number;
+    /**
+     * flag에 표시될 아이콘의 경로
+     */
+    icon?: string;
 }
 /**
  * @enum
@@ -2572,6 +2762,7 @@ type LineStepDirection = typeof _LineStepDirection[keyof typeof _LineStepDirecti
  * |{@page xField}|속성 값, 또는 'x', 'name', 'label' 속성들 중 순서대로 값이 설정된 것이 x 값이 된다.|
  * |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
  * |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
+ * |{@page iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
  *
  * @config chart.series[type=line]
  */
@@ -2634,6 +2825,7 @@ declare const SplineSeriesType = "spline";
  * |{@page xField}|속성 값, 또는 'x', 'name', 'label' 속성들 중 순서대로 값이 설정된 것이 x 값이 된다.|
  * |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
  * |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
+ * |{@page iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
  *
  * @config chart.series[type=spline]
  */
@@ -2669,6 +2861,7 @@ interface SplineSeriesOptions extends LineSeriesOptions {
  * |{@page xField}|속성 값, 또는 'x', 'name', 'label' 속성들 중 순서대로 값이 설정된 것이 x 값이 된다.|
  * |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
  * |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
+ * |{@page iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
  *
  * @config chart.series[type=area]
  */
@@ -2710,6 +2903,7 @@ declare const BellCurveSeriesType = "bellcurve";
  * |{@page xField}|속성 값, 또는 'x', 'name', 'label' 속성들 중 순서대로 값이 설정된 것이 x 값이 된다.|
  * |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
  * |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
+ * |{@page iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
  *
  * @config chart.series[type=bellcurve]
  */
@@ -2765,6 +2959,7 @@ declare const BoxPlotSeriesType = "boxplot";
  * |{@page highField}|속성 값, 또는 'high' 속성 값이 high 값이 된다.|
  * |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
  * |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
+ * |{@page iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
  *
  * @config chart.series[type=boxplot]
  */
@@ -2844,6 +3039,7 @@ declare const BubbleSeriesType = "bubble";
  * |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
  * |{@page zField}|속성 값, 또는 'z' 속성 값이 z 값이 된다.|
  * |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
+ * |{@page iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
  *
  * @config chart.series[type=bubble]
  */
@@ -2916,6 +3112,7 @@ interface BumpSeriesGroupOptions extends SeriesGroupOptions<LineSeriesMarkerOpti
  * |{@page highField}|속성 값, 또는 'high' 속성 값이 high 값이 된다. 지정하지 않으면 yField 값이 사용된다.|
  * |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
  * |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
+ * |{@page iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
  *
  * @config chart.series[type=candlestick]
  */
@@ -2991,6 +3188,7 @@ declare const CircleBarSeriesType = "circlebar";
  * |{@page xField}|속성 값, 또는 'x', 'name', 'label' 속성들 중 순서대로 값이 설정된 것이 x 값이 된다.|
  * |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
  * |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
+ * |{@page iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
  *
  * @config chart.series[type=circlebar]
 */
@@ -3052,6 +3250,7 @@ declare const DumbbellSeriesType = "dumbbell";
  * |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
  * |{@page lowField}|속성 값, 또는 'low' 속성 값이 low 값이 된다.|
  * |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
+ * |{@page iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
  *
  * @config chart.series[type=dumbbell]
  */
@@ -3091,6 +3290,7 @@ declare const EqualizerSeriesType = "equalizer";
  * |{@page xField}|속성 값, 또는 'x', 'name', 'label' 속성들 중 순서대로 값이 설정된 것이 x 값이 된다.|
  * |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
  * |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
+ * |{@page iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
  *
  * @config chart.series[type=equalizer]
  */
@@ -3149,6 +3349,7 @@ declare const ErrorBarSeriesType = "errorbar";
  * |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
  * |{@page lowField}|속성 값, 또는 'low' 속성 값이 low 값이 된다.|
  * |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
+ * |{@page iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
  *
  * @config chart.series[type=errorbar]
  */
@@ -3199,6 +3400,7 @@ declare const FunnelSeriesType = "funnel";
  * |{@page xField}|속성 값, 또는 'x', 'name', 'label' 속성들 중 순서대로 값이 설정된 것이 x 값이 된다.|
  * |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
  * |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
+ * |{@page iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
  *
  * // TODO #fiddle series/funnel-series Funnel Series
  * @css 'rct-funnel-series'
@@ -3269,6 +3471,7 @@ declare const HistogramSeriesType = "histogram";
  * |{@page xField}|속성 값, 또는 'x', 'name', 'label' 속성들 중 순서대로 값이 설정된 것이 x 값이 된다.|
  * |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
  * |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
+ * |{@page iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
  *
  * @css 'rct-histogram-series'
  * @config chart.series[type=histogram]
@@ -3319,6 +3522,7 @@ declare const ArearangeSeriesType = "arearange";
  * |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
  * |{@page lowField}|속성 값, 또는 'low' 속성 값이 low 값이 된다.|
  * |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
+ * |{@page iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
  *
  * @config chart.series[type=arearange]
  */
@@ -3392,6 +3596,7 @@ declare const LollipopSeriesType = "lollipop";
  * |{@page xField}|속성 값, 또는 'x', 'name', 'label' 속성들 중 순서대로 값이 설정된 것이 x 값이 된다.|
  * |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
  * |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
+ * |{@page iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
  *
  * @config chart.series[type=lollipop]
  */
@@ -3432,6 +3637,7 @@ declare const OhlcSeriesType = "ohlc";
  * |{@page highField}|속성 값, 또는 'high' 속성 값이 high 값이 된다. 지정하지 않으면 yField 값이 사용된다.|
  * |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
  * |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
+ * |{@page iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
  *
  * @config chart.series[type=ohlc]
  */
@@ -3463,6 +3669,7 @@ declare const ParetoSeriesType = "pareto";
  * |{@page xField}|속성 값, 또는 'x', 'name', 'label' 속성들 중 순서대로 값이 설정된 것이 x 값이 된다.|
  * |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
  * |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
+ * |{@page iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
  *
  * @config chart.series[type=pareto]
  */
@@ -3526,6 +3733,10 @@ interface RadialSeriesOptions extends WidgetSeriesOptions {
 /**
  */
 interface PieSeriesTextOptions extends IconedTextOptions {
+    /**
+     * 텍스트와 함께 출력 될 아이콘의 경로
+     */
+    icon?: string;
 }
 /**
  * 데이터포인트 라벨의 회전 방식 지정.<br/>
@@ -3587,6 +3798,7 @@ declare const PieSeriesType = "pie";
  * |{@page xField}|속성 값, 또는 'x', 'name', 'label' 속성들 중 순서대로 값이 설정된 것이 x 값이 된다.|
  * |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
  * |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
+ * |{@page iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
  *
  * @config chart.series[type=pie]
  */
@@ -3657,6 +3869,7 @@ declare const ScatterSeriesType = "scatter";
  * |{@page xField}|속성 값, 또는 'x', 'name', 'label' 속성들 중 순서대로 값이 설정된 것이 x 값이 된다.|
  * |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
  * |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
+ * |{@page iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
  *
  * @config chart.series[type=scatter]
  */
@@ -3723,6 +3936,7 @@ declare const WaterfallSeriesType = "waterfall";
  * |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
  * |isSum|이 속성이 true이면, 해당 포인트는 이전 값들의 전체 합계를 나타낸다.|
  * |isMid|이 속성이 true이면, 해당 포인트는 시리즈 시작부터 또는 이전 중간 합계 이후의 누적 합계를 나타낸다.|
+ * |{@page iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
  *
  * @config chart.series[type=waterfall]
  */
@@ -3899,6 +4113,7 @@ declare const HeatmapSeriesType = "heatmap";
  * |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
  * |{@page zField}|속성 값, 또는 'z' 속성 값이 z 값이 된다.|
  * |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
+ * |{@page iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
  *
  * @config chart.series[type=heatmap]
  * @modules heatmap
@@ -4060,6 +4275,7 @@ declare const WordCloudSeriesType = "wordcloud";
  * |{@page xField}|속성 값, 또는 'x', 'name', 'label' 속성들 중 순서대로 값이 설정된 것이 x 값이 된다.|
  * |{@page yField}|속성 값, 또는 'y', 'value', 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
  * |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
+ * |{@page iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
  *
  * // TODO #fiddle series/wordcloud-series WordCloud Series
  * @css 'rct-wordcloud-series'
@@ -4437,6 +4653,12 @@ interface ChartOptionsOptions extends ChartItemOptions {
      *
      */
     pointHovering?: PointHoveringOptions;
+    /**
+     * div의 크기가 변경될 때, 차트를 해당 크기에 맞게 조정할지 여부
+     *
+     * @default false
+     */
+    domResize?: boolean;
 }
 /**
  */
@@ -5086,155 +5308,6 @@ interface ChartExporter {
     toggleContextMenu: () => void;
 }
 
-/**
- * @enum
- */
-declare const _AssetType: {
-    /** @config */
-    readonly COLORS: "colors";
-    /** @config */
-    readonly IMAGES: "images";
-    /** @config */
-    readonly LINEARGREADIENT: "lineargradient";
-    /** @config */
-    readonly RADIALGRADIENT: "radialgradient";
-};
-/** @dummy */
-type AssetType = typeof _AssetType[keyof typeof _AssetType];
-/**
- */
-interface AssetItemOptions {
-    type?: AssetType;
-    /**
-     * 에셋 id.<br/>
-     * 시리즈나 축에서 이 에셋 항목을 참조할 때 사용하는 키로서
-     * 차트 내에서 유일한 문자열로 반드시 지정해야 한다.
-     *
-     */
-    id: string;
-}
-/**
- */
-interface GradientOptions extends AssetItemOptions {
-    /**
-     * 색을 배열로 지정하거나,
-     * 끝 값을 'white'로 전제하고 시작 색 값 하나만 지정할 수 있다.
-     *
-     */
-    color: string[] | string;
-    /**
-     * 0에서 1사이의 불투명도.<br/>
-     * 지정하지 않거나 타당한 값이 아니면 1(완전 불투명)로 적용한다.
-     * 또는, 불투명도를 배열로 지정할 수도 있다.
-     *
-     */
-    opacity?: number[] | number;
-}
-/**
- * 시작점과 끝점 사이에 색상이 서서히 변경되는 효과를 표시한다.<br/>
- * 채우기 색이나 선 색으로 사용될 수 있다.
- *
- * @config chart.asset[type=lineargradient]
- */
-interface LinearGradientOptions extends GradientOptions {
-    /**
-     *
-     * @default 'down'
-     */
-    dir?: 'down' | 'up' | 'right' | 'left';
-}
-/**
- * 원 중심에서 바깥으로 생상이 변해가는 효과를 표시한다.<br/>
- * 채우기 색이나 선 색으로 사용될 수 있다.
- *
- * @config chart.asset[type=radialgradient]
- */
-interface RadialGradientOptions extends GradientOptions {
-    /**
-     * gradient가 끝나는 원의 x 좌표.
-     */
-    cx?: number | string;
-    /**
-     * gradient가 끝나는 원의 y 좌표.
-     */
-    cy?: number | string;
-    /**
-     * gradient가 끝나는 원의 반지름.
-     */
-    r?: number | string;
-}
-/**
- * 도형 패턴을 지정해서 채우기(fill) 색상 대신 사용할 수 있다.<br/>
- */
-interface PatternOptions extends AssetItemOptions {
-    /**
-     * 문자열로 지정하면 path 'd', 숫자로 지정하면 stock pattern index.
-     */
-    pattern: string | number;
-    /**
-     * 지정하지 않으면 {@page height}나 20 pixels.
-     */
-    width?: number;
-    /**
-     * 지정하지 않으면 {@page widths}나 20 pixels.
-     */
-    height?: number;
-    /**
-     */
-    style?: SVGStyles;
-    /**
-     */
-    backgroundStyle?: SVGStyles;
-}
-/**
- */
-interface ImageOptions {
-    /**
-     */
-    name?: string;
-    /**
-     */
-    url: string;
-}
-/**
- * @config chart.asset[type=images]
- */
-interface ImageListOptions extends AssetItemOptions {
-    /**
-     */
-    rootUrl?: string;
-    /**
-     */
-    width?: number;
-    /**
-     */
-    height?: number;
-    /**
-     */
-    images?: (ImageOptions | string)[];
-}
-/**
- * 색상 목록을 미리 지정하고 {@page config.base.series#pointcolors} 등에 적용할 수 있다.<br/>
- * 목록에서 색상을 꺼내오는 방식은 {@page mode} 속성으로 지정한다.
- *
- * @config chart.asset[type=colors]
- */
-interface ColorListOptions extends AssetItemOptions {
-    /**
-     * 색상 목록에서 색을 꺼내오는 방식.
-     *
-     * @default 'normal'
-     */
-    mode?: PaletteMode;
-    /**
-     * 색상 목록.
-     *
-     */
-    colors: string[];
-}
-/** @dummy */
-type AssetOptionsType = LinearGradientOptions | RadialGradientOptions | PatternOptions | ColorListOptions | ImageListOptions;
-
 /**
  * @internal
  *
@@ -6166,6 +6239,7 @@ interface ISeries extends IPlottingItem {
     _yFielder: (src: any) => any;
     _zFielder: (src: any) => any;
     _colorFielder: (src: any) => any;
+    _iconFielder: (src: any) => any;
     displayName(): string;
     initPoints(source: any[]): DataPoint[];
     getPoints(): DataPointCollection;
@@ -6201,6 +6275,7 @@ declare abstract class Series<OP extends SeriesOptions = SeriesOptions> extends
     _yFielder: (src: any) => any;
     _zFielder: (src: any) => any;
     _colorFielder: (src: any) => any;
+    _iconFielder: (src: any) => any;
     _dataSourceDirty: boolean;
     _cdata: DataObject;
     protected _points: DataPointCollection;
@@ -6804,6 +6879,10 @@ declare abstract class DataPoint {
     drillDown: any[] | object;
     range: ValueRange;
     yLabel: any;
+    /**
+     * 라벨과 함께 출력되는 아이콘의 경로
+     */
+    icon: string;
     _prev: any;
     _vr: number;
     constructor(source: any);
@@ -6817,6 +6896,7 @@ declare abstract class DataPoint {
     parse(series: ISeries): void;
     getPointLabel(index: number): any;
     getPointText(index: number): string;
+    getPointIcon(index: number): string;
     swap(): void;
     getParam(param: string): any;
     updateValues(series: ISeries, values: any): any;
@@ -7881,6 +7961,7 @@ interface AxisLabelOptions extends IconedTextOptions {
      */
     styleCallback?: (args: AxisLabelArgs) => SVGStyleOrClass;
     /**
+     * @ignore 미구현
      * 축 label과 함께 표시될 icon url을 리턴한다.
      */
     iconCallback?: (args: AxisLabelArgs) => string;
@@ -10146,31 +10227,6 @@ interface ChartConfiguration {
     exporting?: ExporterOptions;
 }
 
-declare abstract class AssetItem<T extends AssetItemOptions> {
-    source: T;
-    constructor(source: T);
-    hasDef(): boolean;
-    abstract getEelement(doc: Document, source: T): Element;
-}
-interface IAssetOwner {
-    addDef(element: Element): void;
-    removeDef(element: string): void;
-}
-/**
- * 종류 구분없이 id는 유일하게 반드시 지정해야 한다.
- */
-declare class AssetCollection {
-    private _items;
-    private _map;
-    load(source: any): AssetOptionsType | AssetOptionsType[];
-    updateOptions(source: any, render: boolean): void;
-    register(doc: Document, owner: IAssetOwner): void;
-    unregister(owner: IAssetOwner): void;
-    get(id: string): AssetItem<AssetItemOptions>;
-    get options(): AssetOptionsType[];
-    private $_loadItem;
-}
-
 /**
  * {@page Gauge 게이지}와 {@page GaugeGroup 게이지그룹} 모델들의 기반 클래스.<br/>
  * {@page options} 모델은 {@page op.GaugeBaseOptions}이다.<br/>
@@ -13376,8 +13432,14 @@ declare class ScatterSeries extends MarkerSeries<ScatterSeriesOptions> {
 declare class WaterfallSeriesPoint extends DataPoint {
     _isSum: boolean;
     _isMid: boolean;
-    y1: number;
-    y2: number;
+    /**
+     * 시작값
+     */
+    from: number;
+    /**
+     * 끝값
+     */
+    to: number;
     save: number;
     parse(series: WaterfallSeries): void;
     getPointLabel(index: number): any;
@@ -13389,6 +13451,7 @@ declare class WaterfallSeriesPoint extends DataPoint {
  */
 declare class WaterfallSeries extends RangedSeries<WaterfallSeriesOptions> {
     static readonly type = "waterfall";
+    static defaults: WaterfallSeriesOptions;
     canCategorized(): boolean;
     getBaseValue(axis: IAxis): number;
     protected _createLabel(chart: IChart): DataPointLabel;