realchart 1.3.9 → 1.3.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/gauge.js +1 -1
- package/gauge.mjs +1 -1
- package/heatmap.js +1 -1
- package/heatmap.mjs +1 -1
- package/index.d.ts +223 -177
- package/index.js +2 -2
- package/index.mjs +2 -2
- package/package.json +1 -1
- package/split.js +1 -1
- package/split.mjs +1 -1
- package/treemap.js +1 -1
- package/treemap.mjs +1 -1
- package/vector.js +1 -1
- package/vector.mjs +1 -1
- package/wordcloud.js +1 -1
- package/wordcloud.mjs +1 -1
package/gauge.js
CHANGED
package/gauge.mjs
CHANGED
package/heatmap.js
CHANGED
package/heatmap.mjs
CHANGED
package/index.d.ts
CHANGED
|
@@ -635,8 +635,6 @@ interface IconedTextOptions extends ChartTextOptions {
|
|
|
635
635
|
* 아이콘에 사용할 이미지 목록<br/>
|
|
636
636
|
* assets에 지정한 이미지 목록을 id 값으로 불러와 사용한다.<br/>
|
|
637
637
|
* 이미지 목록이 없으면, 대신 iconRoot 속성 값을 사용하여 아이콘 경로를 설정한다.
|
|
638
|
-
* [미구현] imageList 설정만 하고, 사용처가 없음. #603
|
|
639
|
-
* @ignore
|
|
640
638
|
*/
|
|
641
639
|
imageList?: string;
|
|
642
640
|
/**
|
|
@@ -1067,6 +1065,185 @@ declare const createRect: (x: number, y: number, width: number, height: number)
|
|
|
1067
1065
|
declare function rectToSize(r: IRect): Size;
|
|
1068
1066
|
declare function isEmptyRect(r: IRect): boolean;
|
|
1069
1067
|
|
|
1068
|
+
/**
|
|
1069
|
+
* @enum
|
|
1070
|
+
*/
|
|
1071
|
+
declare const _AssetType: {
|
|
1072
|
+
/** @config */
|
|
1073
|
+
readonly COLORS: "colors";
|
|
1074
|
+
/** @config */
|
|
1075
|
+
readonly IMAGES: "images";
|
|
1076
|
+
/** @config */
|
|
1077
|
+
readonly LINEARGREADIENT: "lineargradient";
|
|
1078
|
+
/** @config */
|
|
1079
|
+
readonly RADIALGRADIENT: "radialgradient";
|
|
1080
|
+
};
|
|
1081
|
+
/** @dummy */
|
|
1082
|
+
type AssetType = typeof _AssetType[keyof typeof _AssetType];
|
|
1083
|
+
/**
|
|
1084
|
+
*/
|
|
1085
|
+
interface AssetItemOptions {
|
|
1086
|
+
type?: AssetType;
|
|
1087
|
+
/**
|
|
1088
|
+
* 에셋 id.<br/>
|
|
1089
|
+
* 시리즈나 축에서 이 에셋 항목을 참조할 때 사용하는 키로서
|
|
1090
|
+
* 차트 내에서 유일한 문자열로 반드시 지정해야 한다.
|
|
1091
|
+
*
|
|
1092
|
+
*/
|
|
1093
|
+
id: string;
|
|
1094
|
+
}
|
|
1095
|
+
/**
|
|
1096
|
+
*/
|
|
1097
|
+
interface GradientOptions extends AssetItemOptions {
|
|
1098
|
+
/**
|
|
1099
|
+
* 색을 배열로 지정하거나,
|
|
1100
|
+
* 끝 값을 'white'로 전제하고 시작 색 값 하나만 지정할 수 있다.
|
|
1101
|
+
*
|
|
1102
|
+
*/
|
|
1103
|
+
color: string[] | string;
|
|
1104
|
+
/**
|
|
1105
|
+
* 0에서 1사이의 불투명도.<br/>
|
|
1106
|
+
* 지정하지 않거나 타당한 값이 아니면 1(완전 불투명)로 적용한다.
|
|
1107
|
+
* 또는, 불투명도를 배열로 지정할 수도 있다.
|
|
1108
|
+
*
|
|
1109
|
+
*/
|
|
1110
|
+
opacity?: number[] | number;
|
|
1111
|
+
}
|
|
1112
|
+
/**
|
|
1113
|
+
* 시작점과 끝점 사이에 색상이 서서히 변경되는 효과를 표시한다.<br/>
|
|
1114
|
+
* 채우기 색이나 선 색으로 사용될 수 있다.
|
|
1115
|
+
*
|
|
1116
|
+
* @config chart.asset[type=lineargradient]
|
|
1117
|
+
*/
|
|
1118
|
+
interface LinearGradientOptions extends GradientOptions {
|
|
1119
|
+
/**
|
|
1120
|
+
*
|
|
1121
|
+
* @default 'down'
|
|
1122
|
+
*/
|
|
1123
|
+
dir?: 'down' | 'up' | 'right' | 'left';
|
|
1124
|
+
}
|
|
1125
|
+
/**
|
|
1126
|
+
* 원 중심에서 바깥으로 생상이 변해가는 효과를 표시한다.<br/>
|
|
1127
|
+
* 채우기 색이나 선 색으로 사용될 수 있다.
|
|
1128
|
+
*
|
|
1129
|
+
* @config chart.asset[type=radialgradient]
|
|
1130
|
+
*/
|
|
1131
|
+
interface RadialGradientOptions extends GradientOptions {
|
|
1132
|
+
/**
|
|
1133
|
+
* gradient가 끝나는 원의 x 좌표.
|
|
1134
|
+
*/
|
|
1135
|
+
cx?: number | string;
|
|
1136
|
+
/**
|
|
1137
|
+
* gradient가 끝나는 원의 y 좌표.
|
|
1138
|
+
*/
|
|
1139
|
+
cy?: number | string;
|
|
1140
|
+
/**
|
|
1141
|
+
* gradient가 끝나는 원의 반지름.
|
|
1142
|
+
*/
|
|
1143
|
+
r?: number | string;
|
|
1144
|
+
}
|
|
1145
|
+
/**
|
|
1146
|
+
* 도형 패턴을 지정해서 채우기(fill) 색상 대신 사용할 수 있다.<br/>
|
|
1147
|
+
*/
|
|
1148
|
+
interface PatternOptions extends AssetItemOptions {
|
|
1149
|
+
/**
|
|
1150
|
+
* 문자열로 지정하면 path 'd', 숫자로 지정하면 stock pattern index.
|
|
1151
|
+
*/
|
|
1152
|
+
pattern: string | number;
|
|
1153
|
+
/**
|
|
1154
|
+
* 지정하지 않으면 {@page height}나 20 pixels.
|
|
1155
|
+
*/
|
|
1156
|
+
width?: number;
|
|
1157
|
+
/**
|
|
1158
|
+
* 지정하지 않으면 {@page widths}나 20 pixels.
|
|
1159
|
+
*/
|
|
1160
|
+
height?: number;
|
|
1161
|
+
/**
|
|
1162
|
+
*/
|
|
1163
|
+
style?: SVGStyles;
|
|
1164
|
+
/**
|
|
1165
|
+
*/
|
|
1166
|
+
backgroundStyle?: SVGStyles;
|
|
1167
|
+
}
|
|
1168
|
+
/**
|
|
1169
|
+
*/
|
|
1170
|
+
interface ImageOptions {
|
|
1171
|
+
/**
|
|
1172
|
+
*/
|
|
1173
|
+
name?: string;
|
|
1174
|
+
/**
|
|
1175
|
+
*/
|
|
1176
|
+
url: string;
|
|
1177
|
+
}
|
|
1178
|
+
/**
|
|
1179
|
+
* @config chart.asset[type=images]
|
|
1180
|
+
*/
|
|
1181
|
+
interface ImageListOptions extends AssetItemOptions {
|
|
1182
|
+
/**
|
|
1183
|
+
*/
|
|
1184
|
+
rootUrl?: string;
|
|
1185
|
+
/**
|
|
1186
|
+
*/
|
|
1187
|
+
width?: number;
|
|
1188
|
+
/**
|
|
1189
|
+
*/
|
|
1190
|
+
height?: number;
|
|
1191
|
+
/**
|
|
1192
|
+
*/
|
|
1193
|
+
images?: (ImageOptions | string)[];
|
|
1194
|
+
}
|
|
1195
|
+
/**
|
|
1196
|
+
* 색상 목록을 미리 지정하고 {@page config.base.series#pointcolors} 등에 적용할 수 있다.<br/>
|
|
1197
|
+
* 목록에서 색상을 꺼내오는 방식은 {@page mode} 속성으로 지정한다.
|
|
1198
|
+
*
|
|
1199
|
+
* @config chart.asset[type=colors]
|
|
1200
|
+
*/
|
|
1201
|
+
interface ColorListOptions extends AssetItemOptions {
|
|
1202
|
+
/**
|
|
1203
|
+
* 색상 목록에서 색을 꺼내오는 방식.
|
|
1204
|
+
*
|
|
1205
|
+
* @default 'normal'
|
|
1206
|
+
*/
|
|
1207
|
+
mode?: PaletteMode;
|
|
1208
|
+
/**
|
|
1209
|
+
* 색상 목록.
|
|
1210
|
+
*
|
|
1211
|
+
*/
|
|
1212
|
+
colors: string[];
|
|
1213
|
+
}
|
|
1214
|
+
/** @dummy */
|
|
1215
|
+
type AssetOptionsType = LinearGradientOptions | RadialGradientOptions | PatternOptions | ColorListOptions | ImageListOptions;
|
|
1216
|
+
|
|
1217
|
+
declare abstract class AssetItem<T extends AssetItemOptions> {
|
|
1218
|
+
source: T;
|
|
1219
|
+
constructor(source: T);
|
|
1220
|
+
hasDef(): boolean;
|
|
1221
|
+
abstract getEelement(doc: Document, source: T): Element;
|
|
1222
|
+
abstract prepare(): void;
|
|
1223
|
+
}
|
|
1224
|
+
/**
|
|
1225
|
+
* <defs> 요소를 관리하는 인터페이스.<br/>
|
|
1226
|
+
*/
|
|
1227
|
+
interface IAssetOwner {
|
|
1228
|
+
addDef(element: Element): void;
|
|
1229
|
+
removeDef(element: string): void;
|
|
1230
|
+
}
|
|
1231
|
+
/**
|
|
1232
|
+
* 종류 구분없이 id는 유일하게 반드시 지정해야 한다.
|
|
1233
|
+
*/
|
|
1234
|
+
declare class AssetCollection {
|
|
1235
|
+
private _items;
|
|
1236
|
+
private _map;
|
|
1237
|
+
load(source: any): AssetOptionsType | AssetOptionsType[];
|
|
1238
|
+
updateOptions(source: any, render: boolean): void;
|
|
1239
|
+
register(doc: Document, owner: IAssetOwner): void;
|
|
1240
|
+
unregister(owner: IAssetOwner): void;
|
|
1241
|
+
get(id: string): AssetItem<AssetItemOptions>;
|
|
1242
|
+
prepareRender(): void;
|
|
1243
|
+
get options(): AssetOptionsType[];
|
|
1244
|
+
private $_loadItem;
|
|
1245
|
+
}
|
|
1246
|
+
|
|
1070
1247
|
interface IPointerHandler {
|
|
1071
1248
|
handleDown(ev: PointerEvent): void;
|
|
1072
1249
|
handleUp(ev: PointerEvent): void;
|
|
@@ -1080,7 +1257,7 @@ interface IPointerHandler {
|
|
|
1080
1257
|
*
|
|
1081
1258
|
* Control base.
|
|
1082
1259
|
*/
|
|
1083
|
-
declare abstract class RcControl extends RcObject {
|
|
1260
|
+
declare abstract class RcControl extends RcObject implements IAssetOwner {
|
|
1084
1261
|
static readonly CLASS_NAME = "rct-control";
|
|
1085
1262
|
static readonly SHADOW_FILTER = "rr-chart-shadow-filter";
|
|
1086
1263
|
static _animatable: boolean;
|
|
@@ -1687,6 +1864,10 @@ interface SeriesOptions extends ChartItemOptions {
|
|
|
1687
1864
|
* undefined이면, data point의 값이 객체일 때 'color'.
|
|
1688
1865
|
*/
|
|
1689
1866
|
colorField?: string;
|
|
1867
|
+
/**
|
|
1868
|
+
* undefined이면, data point의 값이 객체일 때 'icon'.
|
|
1869
|
+
*/
|
|
1870
|
+
iconField?: string;
|
|
1690
1871
|
/**
|
|
1691
1872
|
* 데이터포인터들을 생성하는 데 사용되는 값 목록.
|
|
1692
1873
|
* 단일 값을 지정할 경우 배열로 처리됩니다. 단, string 타입은 향후 버전에서 사용할 예정이며, 현재는 data를 지정하지 않은 경우와 동일하게 동작한다.
|
|
@@ -2413,6 +2594,7 @@ declare const BarSeriesType = "bar";
|
|
|
2413
2594
|
* |{@page xField}|속성 값, 또는 'x', 'name', 'label' 속성들 중 순서대로 값이 설정된 것이 x 값이 된다.|
|
|
2414
2595
|
* |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
|
|
2415
2596
|
* |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
|
|
2597
|
+
* |{@page iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
|
|
2416
2598
|
*
|
|
2417
2599
|
* @css 'rct-bar-series'
|
|
2418
2600
|
* @config chart.series[type=bar]
|
|
@@ -2538,6 +2720,10 @@ interface LineSeriesFlagOptions extends IconedTextOptions {
|
|
|
2538
2720
|
* @default 8
|
|
2539
2721
|
*/
|
|
2540
2722
|
offset?: number;
|
|
2723
|
+
/**
|
|
2724
|
+
* flag에 표시될 아이콘의 경로
|
|
2725
|
+
*/
|
|
2726
|
+
icon?: string;
|
|
2541
2727
|
}
|
|
2542
2728
|
/**
|
|
2543
2729
|
* @enum
|
|
@@ -2572,6 +2758,7 @@ type LineStepDirection = typeof _LineStepDirection[keyof typeof _LineStepDirecti
|
|
|
2572
2758
|
* |{@page xField}|속성 값, 또는 'x', 'name', 'label' 속성들 중 순서대로 값이 설정된 것이 x 값이 된다.|
|
|
2573
2759
|
* |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
|
|
2574
2760
|
* |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
|
|
2761
|
+
* |{@page iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
|
|
2575
2762
|
*
|
|
2576
2763
|
* @config chart.series[type=line]
|
|
2577
2764
|
*/
|
|
@@ -2634,6 +2821,7 @@ declare const SplineSeriesType = "spline";
|
|
|
2634
2821
|
* |{@page xField}|속성 값, 또는 'x', 'name', 'label' 속성들 중 순서대로 값이 설정된 것이 x 값이 된다.|
|
|
2635
2822
|
* |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
|
|
2636
2823
|
* |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
|
|
2824
|
+
* |{@page iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
|
|
2637
2825
|
*
|
|
2638
2826
|
* @config chart.series[type=spline]
|
|
2639
2827
|
*/
|
|
@@ -2669,6 +2857,7 @@ interface SplineSeriesOptions extends LineSeriesOptions {
|
|
|
2669
2857
|
* |{@page xField}|속성 값, 또는 'x', 'name', 'label' 속성들 중 순서대로 값이 설정된 것이 x 값이 된다.|
|
|
2670
2858
|
* |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
|
|
2671
2859
|
* |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
|
|
2860
|
+
* |{@page iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
|
|
2672
2861
|
*
|
|
2673
2862
|
* @config chart.series[type=area]
|
|
2674
2863
|
*/
|
|
@@ -2710,6 +2899,7 @@ declare const BellCurveSeriesType = "bellcurve";
|
|
|
2710
2899
|
* |{@page xField}|속성 값, 또는 'x', 'name', 'label' 속성들 중 순서대로 값이 설정된 것이 x 값이 된다.|
|
|
2711
2900
|
* |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
|
|
2712
2901
|
* |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
|
|
2902
|
+
* |{@page iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
|
|
2713
2903
|
*
|
|
2714
2904
|
* @config chart.series[type=bellcurve]
|
|
2715
2905
|
*/
|
|
@@ -2765,6 +2955,7 @@ declare const BoxPlotSeriesType = "boxplot";
|
|
|
2765
2955
|
* |{@page highField}|속성 값, 또는 'high' 속성 값이 high 값이 된다.|
|
|
2766
2956
|
* |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
|
|
2767
2957
|
* |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
|
|
2958
|
+
* |{@page iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
|
|
2768
2959
|
*
|
|
2769
2960
|
* @config chart.series[type=boxplot]
|
|
2770
2961
|
*/
|
|
@@ -2844,6 +3035,7 @@ declare const BubbleSeriesType = "bubble";
|
|
|
2844
3035
|
* |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
|
|
2845
3036
|
* |{@page zField}|속성 값, 또는 'z' 속성 값이 z 값이 된다.|
|
|
2846
3037
|
* |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
|
|
3038
|
+
* |{@page iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
|
|
2847
3039
|
*
|
|
2848
3040
|
* @config chart.series[type=bubble]
|
|
2849
3041
|
*/
|
|
@@ -2916,6 +3108,7 @@ interface BumpSeriesGroupOptions extends SeriesGroupOptions<LineSeriesMarkerOpti
|
|
|
2916
3108
|
* |{@page highField}|속성 값, 또는 'high' 속성 값이 high 값이 된다. 지정하지 않으면 yField 값이 사용된다.|
|
|
2917
3109
|
* |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
|
|
2918
3110
|
* |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
|
|
3111
|
+
* |{@page iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
|
|
2919
3112
|
*
|
|
2920
3113
|
* @config chart.series[type=candlestick]
|
|
2921
3114
|
*/
|
|
@@ -2991,6 +3184,7 @@ declare const CircleBarSeriesType = "circlebar";
|
|
|
2991
3184
|
* |{@page xField}|속성 값, 또는 'x', 'name', 'label' 속성들 중 순서대로 값이 설정된 것이 x 값이 된다.|
|
|
2992
3185
|
* |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
|
|
2993
3186
|
* |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
|
|
3187
|
+
* |{@page iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
|
|
2994
3188
|
*
|
|
2995
3189
|
* @config chart.series[type=circlebar]
|
|
2996
3190
|
*/
|
|
@@ -3052,6 +3246,7 @@ declare const DumbbellSeriesType = "dumbbell";
|
|
|
3052
3246
|
* |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
|
|
3053
3247
|
* |{@page lowField}|속성 값, 또는 'low' 속성 값이 low 값이 된다.|
|
|
3054
3248
|
* |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
|
|
3249
|
+
* |{@page iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
|
|
3055
3250
|
*
|
|
3056
3251
|
* @config chart.series[type=dumbbell]
|
|
3057
3252
|
*/
|
|
@@ -3091,6 +3286,7 @@ declare const EqualizerSeriesType = "equalizer";
|
|
|
3091
3286
|
* |{@page xField}|속성 값, 또는 'x', 'name', 'label' 속성들 중 순서대로 값이 설정된 것이 x 값이 된다.|
|
|
3092
3287
|
* |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
|
|
3093
3288
|
* |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
|
|
3289
|
+
* |{@page iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
|
|
3094
3290
|
*
|
|
3095
3291
|
* @config chart.series[type=equalizer]
|
|
3096
3292
|
*/
|
|
@@ -3149,6 +3345,7 @@ declare const ErrorBarSeriesType = "errorbar";
|
|
|
3149
3345
|
* |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
|
|
3150
3346
|
* |{@page lowField}|속성 값, 또는 'low' 속성 값이 low 값이 된다.|
|
|
3151
3347
|
* |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
|
|
3348
|
+
* |{@page iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
|
|
3152
3349
|
*
|
|
3153
3350
|
* @config chart.series[type=errorbar]
|
|
3154
3351
|
*/
|
|
@@ -3199,6 +3396,7 @@ declare const FunnelSeriesType = "funnel";
|
|
|
3199
3396
|
* |{@page xField}|속성 값, 또는 'x', 'name', 'label' 속성들 중 순서대로 값이 설정된 것이 x 값이 된다.|
|
|
3200
3397
|
* |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
|
|
3201
3398
|
* |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
|
|
3399
|
+
* |{@page iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
|
|
3202
3400
|
*
|
|
3203
3401
|
* // TODO #fiddle series/funnel-series Funnel Series
|
|
3204
3402
|
* @css 'rct-funnel-series'
|
|
@@ -3269,6 +3467,7 @@ declare const HistogramSeriesType = "histogram";
|
|
|
3269
3467
|
* |{@page xField}|속성 값, 또는 'x', 'name', 'label' 속성들 중 순서대로 값이 설정된 것이 x 값이 된다.|
|
|
3270
3468
|
* |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
|
|
3271
3469
|
* |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
|
|
3470
|
+
* |{@page iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
|
|
3272
3471
|
*
|
|
3273
3472
|
* @css 'rct-histogram-series'
|
|
3274
3473
|
* @config chart.series[type=histogram]
|
|
@@ -3319,6 +3518,7 @@ declare const ArearangeSeriesType = "arearange";
|
|
|
3319
3518
|
* |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
|
|
3320
3519
|
* |{@page lowField}|속성 값, 또는 'low' 속성 값이 low 값이 된다.|
|
|
3321
3520
|
* |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
|
|
3521
|
+
* |{@page iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
|
|
3322
3522
|
*
|
|
3323
3523
|
* @config chart.series[type=arearange]
|
|
3324
3524
|
*/
|
|
@@ -3392,6 +3592,7 @@ declare const LollipopSeriesType = "lollipop";
|
|
|
3392
3592
|
* |{@page xField}|속성 값, 또는 'x', 'name', 'label' 속성들 중 순서대로 값이 설정된 것이 x 값이 된다.|
|
|
3393
3593
|
* |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
|
|
3394
3594
|
* |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
|
|
3595
|
+
* |{@page iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
|
|
3395
3596
|
*
|
|
3396
3597
|
* @config chart.series[type=lollipop]
|
|
3397
3598
|
*/
|
|
@@ -3432,6 +3633,7 @@ declare const OhlcSeriesType = "ohlc";
|
|
|
3432
3633
|
* |{@page highField}|속성 값, 또는 'high' 속성 값이 high 값이 된다. 지정하지 않으면 yField 값이 사용된다.|
|
|
3433
3634
|
* |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
|
|
3434
3635
|
* |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
|
|
3636
|
+
* |{@page iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
|
|
3435
3637
|
*
|
|
3436
3638
|
* @config chart.series[type=ohlc]
|
|
3437
3639
|
*/
|
|
@@ -3463,6 +3665,7 @@ declare const ParetoSeriesType = "pareto";
|
|
|
3463
3665
|
* |{@page xField}|속성 값, 또는 'x', 'name', 'label' 속성들 중 순서대로 값이 설정된 것이 x 값이 된다.|
|
|
3464
3666
|
* |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
|
|
3465
3667
|
* |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
|
|
3668
|
+
* |{@page iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
|
|
3466
3669
|
*
|
|
3467
3670
|
* @config chart.series[type=pareto]
|
|
3468
3671
|
*/
|
|
@@ -3526,6 +3729,10 @@ interface RadialSeriesOptions extends WidgetSeriesOptions {
|
|
|
3526
3729
|
/**
|
|
3527
3730
|
*/
|
|
3528
3731
|
interface PieSeriesTextOptions extends IconedTextOptions {
|
|
3732
|
+
/**
|
|
3733
|
+
* 텍스트와 함께 출력 될 아이콘의 경로
|
|
3734
|
+
*/
|
|
3735
|
+
icon?: string;
|
|
3529
3736
|
}
|
|
3530
3737
|
/**
|
|
3531
3738
|
* 데이터포인트 라벨의 회전 방식 지정.<br/>
|
|
@@ -3587,6 +3794,7 @@ declare const PieSeriesType = "pie";
|
|
|
3587
3794
|
* |{@page xField}|속성 값, 또는 'x', 'name', 'label' 속성들 중 순서대로 값이 설정된 것이 x 값이 된다.|
|
|
3588
3795
|
* |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
|
|
3589
3796
|
* |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
|
|
3797
|
+
* |{@page iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
|
|
3590
3798
|
*
|
|
3591
3799
|
* @config chart.series[type=pie]
|
|
3592
3800
|
*/
|
|
@@ -3657,6 +3865,7 @@ declare const ScatterSeriesType = "scatter";
|
|
|
3657
3865
|
* |{@page xField}|속성 값, 또는 'x', 'name', 'label' 속성들 중 순서대로 값이 설정된 것이 x 값이 된다.|
|
|
3658
3866
|
* |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
|
|
3659
3867
|
* |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
|
|
3868
|
+
* |{@page iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
|
|
3660
3869
|
*
|
|
3661
3870
|
* @config chart.series[type=scatter]
|
|
3662
3871
|
*/
|
|
@@ -3723,6 +3932,7 @@ declare const WaterfallSeriesType = "waterfall";
|
|
|
3723
3932
|
* |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
|
|
3724
3933
|
* |isSum|이 속성이 true이면, 해당 포인트는 이전 값들의 전체 합계를 나타낸다.|
|
|
3725
3934
|
* |isMid|이 속성이 true이면, 해당 포인트는 시리즈 시작부터 또는 이전 중간 합계 이후의 누적 합계를 나타낸다.|
|
|
3935
|
+
* |{@page iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
|
|
3726
3936
|
*
|
|
3727
3937
|
* @config chart.series[type=waterfall]
|
|
3728
3938
|
*/
|
|
@@ -3899,6 +4109,7 @@ declare const HeatmapSeriesType = "heatmap";
|
|
|
3899
4109
|
* |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
|
|
3900
4110
|
* |{@page zField}|속성 값, 또는 'z' 속성 값이 z 값이 된다.|
|
|
3901
4111
|
* |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
|
|
4112
|
+
* |{@page iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
|
|
3902
4113
|
*
|
|
3903
4114
|
* @config chart.series[type=heatmap]
|
|
3904
4115
|
* @modules heatmap
|
|
@@ -4060,6 +4271,7 @@ declare const WordCloudSeriesType = "wordcloud";
|
|
|
4060
4271
|
* |{@page xField}|속성 값, 또는 'x', 'name', 'label' 속성들 중 순서대로 값이 설정된 것이 x 값이 된다.|
|
|
4061
4272
|
* |{@page yField}|속성 값, 또는 'y', 'value', 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
|
|
4062
4273
|
* |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
|
|
4274
|
+
* |{@page iconField}|속성 값, 또는 'icon' 속성 값으로 데이터포인트의 개별 이미지가 지정된다.|
|
|
4063
4275
|
*
|
|
4064
4276
|
* // TODO #fiddle series/wordcloud-series WordCloud Series
|
|
4065
4277
|
* @css 'rct-wordcloud-series'
|
|
@@ -5086,155 +5298,6 @@ interface ChartExporter {
|
|
|
5086
5298
|
toggleContextMenu: () => void;
|
|
5087
5299
|
}
|
|
5088
5300
|
|
|
5089
|
-
/**
|
|
5090
|
-
* @enum
|
|
5091
|
-
*/
|
|
5092
|
-
declare const _AssetType: {
|
|
5093
|
-
/** @config */
|
|
5094
|
-
readonly COLORS: "colors";
|
|
5095
|
-
/** @config */
|
|
5096
|
-
readonly IMAGES: "images";
|
|
5097
|
-
/** @config */
|
|
5098
|
-
readonly LINEARGREADIENT: "lineargradient";
|
|
5099
|
-
/** @config */
|
|
5100
|
-
readonly RADIALGRADIENT: "radialgradient";
|
|
5101
|
-
};
|
|
5102
|
-
/** @dummy */
|
|
5103
|
-
type AssetType = typeof _AssetType[keyof typeof _AssetType];
|
|
5104
|
-
/**
|
|
5105
|
-
*/
|
|
5106
|
-
interface AssetItemOptions {
|
|
5107
|
-
type?: AssetType;
|
|
5108
|
-
/**
|
|
5109
|
-
* 에셋 id.<br/>
|
|
5110
|
-
* 시리즈나 축에서 이 에셋 항목을 참조할 때 사용하는 키로서
|
|
5111
|
-
* 차트 내에서 유일한 문자열로 반드시 지정해야 한다.
|
|
5112
|
-
*
|
|
5113
|
-
*/
|
|
5114
|
-
id: string;
|
|
5115
|
-
}
|
|
5116
|
-
/**
|
|
5117
|
-
*/
|
|
5118
|
-
interface GradientOptions extends AssetItemOptions {
|
|
5119
|
-
/**
|
|
5120
|
-
* 색을 배열로 지정하거나,
|
|
5121
|
-
* 끝 값을 'white'로 전제하고 시작 색 값 하나만 지정할 수 있다.
|
|
5122
|
-
*
|
|
5123
|
-
*/
|
|
5124
|
-
color: string[] | string;
|
|
5125
|
-
/**
|
|
5126
|
-
* 0에서 1사이의 불투명도.<br/>
|
|
5127
|
-
* 지정하지 않거나 타당한 값이 아니면 1(완전 불투명)로 적용한다.
|
|
5128
|
-
* 또는, 불투명도를 배열로 지정할 수도 있다.
|
|
5129
|
-
*
|
|
5130
|
-
*/
|
|
5131
|
-
opacity?: number[] | number;
|
|
5132
|
-
}
|
|
5133
|
-
/**
|
|
5134
|
-
* 시작점과 끝점 사이에 색상이 서서히 변경되는 효과를 표시한다.<br/>
|
|
5135
|
-
* 채우기 색이나 선 색으로 사용될 수 있다.
|
|
5136
|
-
*
|
|
5137
|
-
* @config chart.asset[type=lineargradient]
|
|
5138
|
-
*/
|
|
5139
|
-
interface LinearGradientOptions extends GradientOptions {
|
|
5140
|
-
/**
|
|
5141
|
-
*
|
|
5142
|
-
* @default 'down'
|
|
5143
|
-
*/
|
|
5144
|
-
dir?: 'down' | 'up' | 'right' | 'left';
|
|
5145
|
-
}
|
|
5146
|
-
/**
|
|
5147
|
-
* 원 중심에서 바깥으로 생상이 변해가는 효과를 표시한다.<br/>
|
|
5148
|
-
* 채우기 색이나 선 색으로 사용될 수 있다.
|
|
5149
|
-
*
|
|
5150
|
-
* @config chart.asset[type=radialgradient]
|
|
5151
|
-
*/
|
|
5152
|
-
interface RadialGradientOptions extends GradientOptions {
|
|
5153
|
-
/**
|
|
5154
|
-
* gradient가 끝나는 원의 x 좌표.
|
|
5155
|
-
*/
|
|
5156
|
-
cx?: number | string;
|
|
5157
|
-
/**
|
|
5158
|
-
* gradient가 끝나는 원의 y 좌표.
|
|
5159
|
-
*/
|
|
5160
|
-
cy?: number | string;
|
|
5161
|
-
/**
|
|
5162
|
-
* gradient가 끝나는 원의 반지름.
|
|
5163
|
-
*/
|
|
5164
|
-
r?: number | string;
|
|
5165
|
-
}
|
|
5166
|
-
/**
|
|
5167
|
-
* 도형 패턴을 지정해서 채우기(fill) 색상 대신 사용할 수 있다.<br/>
|
|
5168
|
-
*/
|
|
5169
|
-
interface PatternOptions extends AssetItemOptions {
|
|
5170
|
-
/**
|
|
5171
|
-
* 문자열로 지정하면 path 'd', 숫자로 지정하면 stock pattern index.
|
|
5172
|
-
*/
|
|
5173
|
-
pattern: string | number;
|
|
5174
|
-
/**
|
|
5175
|
-
* 지정하지 않으면 {@page height}나 20 pixels.
|
|
5176
|
-
*/
|
|
5177
|
-
width?: number;
|
|
5178
|
-
/**
|
|
5179
|
-
* 지정하지 않으면 {@page widths}나 20 pixels.
|
|
5180
|
-
*/
|
|
5181
|
-
height?: number;
|
|
5182
|
-
/**
|
|
5183
|
-
*/
|
|
5184
|
-
style?: SVGStyles;
|
|
5185
|
-
/**
|
|
5186
|
-
*/
|
|
5187
|
-
backgroundStyle?: SVGStyles;
|
|
5188
|
-
}
|
|
5189
|
-
/**
|
|
5190
|
-
*/
|
|
5191
|
-
interface ImageOptions {
|
|
5192
|
-
/**
|
|
5193
|
-
*/
|
|
5194
|
-
name?: string;
|
|
5195
|
-
/**
|
|
5196
|
-
*/
|
|
5197
|
-
url: string;
|
|
5198
|
-
}
|
|
5199
|
-
/**
|
|
5200
|
-
* @config chart.asset[type=images]
|
|
5201
|
-
*/
|
|
5202
|
-
interface ImageListOptions extends AssetItemOptions {
|
|
5203
|
-
/**
|
|
5204
|
-
*/
|
|
5205
|
-
rootUrl?: string;
|
|
5206
|
-
/**
|
|
5207
|
-
*/
|
|
5208
|
-
width?: number;
|
|
5209
|
-
/**
|
|
5210
|
-
*/
|
|
5211
|
-
height?: number;
|
|
5212
|
-
/**
|
|
5213
|
-
*/
|
|
5214
|
-
images?: (ImageOptions | string)[];
|
|
5215
|
-
}
|
|
5216
|
-
/**
|
|
5217
|
-
* 색상 목록을 미리 지정하고 {@page config.base.series#pointcolors} 등에 적용할 수 있다.<br/>
|
|
5218
|
-
* 목록에서 색상을 꺼내오는 방식은 {@page mode} 속성으로 지정한다.
|
|
5219
|
-
*
|
|
5220
|
-
* @config chart.asset[type=colors]
|
|
5221
|
-
*/
|
|
5222
|
-
interface ColorListOptions extends AssetItemOptions {
|
|
5223
|
-
/**
|
|
5224
|
-
* 색상 목록에서 색을 꺼내오는 방식.
|
|
5225
|
-
*
|
|
5226
|
-
* @default 'normal'
|
|
5227
|
-
*/
|
|
5228
|
-
mode?: PaletteMode;
|
|
5229
|
-
/**
|
|
5230
|
-
* 색상 목록.
|
|
5231
|
-
*
|
|
5232
|
-
*/
|
|
5233
|
-
colors: string[];
|
|
5234
|
-
}
|
|
5235
|
-
/** @dummy */
|
|
5236
|
-
type AssetOptionsType = LinearGradientOptions | RadialGradientOptions | PatternOptions | ColorListOptions | ImageListOptions;
|
|
5237
|
-
|
|
5238
5301
|
/**
|
|
5239
5302
|
* @internal
|
|
5240
5303
|
*
|
|
@@ -6166,6 +6229,7 @@ interface ISeries extends IPlottingItem {
|
|
|
6166
6229
|
_yFielder: (src: any) => any;
|
|
6167
6230
|
_zFielder: (src: any) => any;
|
|
6168
6231
|
_colorFielder: (src: any) => any;
|
|
6232
|
+
_iconFielder: (src: any) => any;
|
|
6169
6233
|
displayName(): string;
|
|
6170
6234
|
initPoints(source: any[]): DataPoint[];
|
|
6171
6235
|
getPoints(): DataPointCollection;
|
|
@@ -6201,6 +6265,7 @@ declare abstract class Series<OP extends SeriesOptions = SeriesOptions> extends
|
|
|
6201
6265
|
_yFielder: (src: any) => any;
|
|
6202
6266
|
_zFielder: (src: any) => any;
|
|
6203
6267
|
_colorFielder: (src: any) => any;
|
|
6268
|
+
_iconFielder: (src: any) => any;
|
|
6204
6269
|
_dataSourceDirty: boolean;
|
|
6205
6270
|
_cdata: DataObject;
|
|
6206
6271
|
protected _points: DataPointCollection;
|
|
@@ -6804,6 +6869,10 @@ declare abstract class DataPoint {
|
|
|
6804
6869
|
drillDown: any[] | object;
|
|
6805
6870
|
range: ValueRange;
|
|
6806
6871
|
yLabel: any;
|
|
6872
|
+
/**
|
|
6873
|
+
* 라벨과 함께 출력되는 아이콘의 경로
|
|
6874
|
+
*/
|
|
6875
|
+
icon: string;
|
|
6807
6876
|
_prev: any;
|
|
6808
6877
|
_vr: number;
|
|
6809
6878
|
constructor(source: any);
|
|
@@ -6817,6 +6886,7 @@ declare abstract class DataPoint {
|
|
|
6817
6886
|
parse(series: ISeries): void;
|
|
6818
6887
|
getPointLabel(index: number): any;
|
|
6819
6888
|
getPointText(index: number): string;
|
|
6889
|
+
getPointIcon(index: number): string;
|
|
6820
6890
|
swap(): void;
|
|
6821
6891
|
getParam(param: string): any;
|
|
6822
6892
|
updateValues(series: ISeries, values: any): any;
|
|
@@ -7881,6 +7951,7 @@ interface AxisLabelOptions extends IconedTextOptions {
|
|
|
7881
7951
|
*/
|
|
7882
7952
|
styleCallback?: (args: AxisLabelArgs) => SVGStyleOrClass;
|
|
7883
7953
|
/**
|
|
7954
|
+
* @ignore 미구현
|
|
7884
7955
|
* 축 label과 함께 표시될 icon url을 리턴한다.
|
|
7885
7956
|
*/
|
|
7886
7957
|
iconCallback?: (args: AxisLabelArgs) => string;
|
|
@@ -10146,31 +10217,6 @@ interface ChartConfiguration {
|
|
|
10146
10217
|
exporting?: ExporterOptions;
|
|
10147
10218
|
}
|
|
10148
10219
|
|
|
10149
|
-
declare abstract class AssetItem<T extends AssetItemOptions> {
|
|
10150
|
-
source: T;
|
|
10151
|
-
constructor(source: T);
|
|
10152
|
-
hasDef(): boolean;
|
|
10153
|
-
abstract getEelement(doc: Document, source: T): Element;
|
|
10154
|
-
}
|
|
10155
|
-
interface IAssetOwner {
|
|
10156
|
-
addDef(element: Element): void;
|
|
10157
|
-
removeDef(element: string): void;
|
|
10158
|
-
}
|
|
10159
|
-
/**
|
|
10160
|
-
* 종류 구분없이 id는 유일하게 반드시 지정해야 한다.
|
|
10161
|
-
*/
|
|
10162
|
-
declare class AssetCollection {
|
|
10163
|
-
private _items;
|
|
10164
|
-
private _map;
|
|
10165
|
-
load(source: any): AssetOptionsType | AssetOptionsType[];
|
|
10166
|
-
updateOptions(source: any, render: boolean): void;
|
|
10167
|
-
register(doc: Document, owner: IAssetOwner): void;
|
|
10168
|
-
unregister(owner: IAssetOwner): void;
|
|
10169
|
-
get(id: string): AssetItem<AssetItemOptions>;
|
|
10170
|
-
get options(): AssetOptionsType[];
|
|
10171
|
-
private $_loadItem;
|
|
10172
|
-
}
|
|
10173
|
-
|
|
10174
10220
|
/**
|
|
10175
10221
|
* {@page Gauge 게이지}와 {@page GaugeGroup 게이지그룹} 모델들의 기반 클래스.<br/>
|
|
10176
10222
|
* {@page options} 모델은 {@page op.GaugeBaseOptions}이다.<br/>
|