realchart 1.1.4 → 1.1.5
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/dist/index.d.ts +905 -277
- package/dist/index.esm.js +2 -2
- package/dist/index.ie.js +2 -2
- package/dist/index.js +2 -2
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -15,7 +15,7 @@ declare abstract class RcObject {
|
|
|
15
15
|
* 객체가 소유한 참조 등을 해제하고 null을 리턴한다.
|
|
16
16
|
*
|
|
17
17
|
* ```
|
|
18
|
-
*
|
|
18
|
+
* model = model.destroy();
|
|
19
19
|
* ```
|
|
20
20
|
*
|
|
21
21
|
* @returns null
|
|
@@ -213,20 +213,63 @@ declare const _VerticalAlign: {
|
|
|
213
213
|
};
|
|
214
214
|
type VerticalAlign = typeof _VerticalAlign[keyof typeof _VerticalAlign];
|
|
215
215
|
interface SVGStyles {
|
|
216
|
+
/**
|
|
217
|
+
* SVG에 적용되는 css {@page https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill fill} 스타일 속성.<br/>
|
|
218
|
+
*/
|
|
216
219
|
fill?: string;
|
|
220
|
+
/**
|
|
221
|
+
* SVG에 적용되는 css {@page https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill-opacity fill-opacity} 스타일 속성.<br/>
|
|
222
|
+
*/
|
|
217
223
|
fillOpacity?: string;
|
|
224
|
+
/**
|
|
225
|
+
* SVG에 적용되는 css {@page https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke stroke} 스타일 속성.<br/>
|
|
226
|
+
*/
|
|
218
227
|
stroke?: string;
|
|
228
|
+
/**
|
|
229
|
+
* SVG에 적용되는 css {@page https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-width stroke-width} 스타일 속성.<br/>
|
|
230
|
+
*/
|
|
219
231
|
strokeWidth?: string;
|
|
232
|
+
/**
|
|
233
|
+
* SVG에 적용되는 css {@page https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray stroke-dasharray} 스타일 속성.<br/>
|
|
234
|
+
*/
|
|
220
235
|
strokeDasharray?: string;
|
|
236
|
+
/**
|
|
237
|
+
* SVG에 적용되는 css {@page https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/font-family font-family} 스타일 속성.<br/>
|
|
238
|
+
*/
|
|
221
239
|
fontFamily?: string;
|
|
240
|
+
/**
|
|
241
|
+
* SVG에 적용되는 css {@page https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/font-size font-size} 스타일 속성.<br/>
|
|
242
|
+
*/
|
|
222
243
|
fontSize?: string;
|
|
244
|
+
/**
|
|
245
|
+
* SVG에 적용되는 css {@page https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/font-weight font-weight} 스타일 속성.<br/>
|
|
246
|
+
*/
|
|
223
247
|
fontWeight?: string;
|
|
248
|
+
/**
|
|
249
|
+
* SVG에 적용되는 css {@page https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/font-style font-style} 스타일 속성.<br/>
|
|
250
|
+
*/
|
|
224
251
|
fontStyle?: string;
|
|
252
|
+
/**
|
|
253
|
+
* SVG에 적용되는 css {@page https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/rx rx} 스타일 속성.<br/>
|
|
254
|
+
* {@page config.seires.bar 'bar'} 시리즈의 데이터포인트 bar의 모서리를 지정하는 데 사용된다.
|
|
255
|
+
*/
|
|
225
256
|
rx?: string;
|
|
226
257
|
/**
|
|
227
|
-
*
|
|
228
|
-
*
|
|
229
|
-
*
|
|
258
|
+
* 텍스트 정렬을 지정한다.<br/>
|
|
259
|
+
* **SVG에 적용되는 정식 css style 속성이 아니다.**
|
|
260
|
+
* 즉, HTML이나 realchart-style.css 등의 외부 css 파일에서 사용할 수 없고,
|
|
261
|
+
* RealChart 내부에서 {@page config.title}, {@page config.base.series.pointLabel datapoint label} 등의
|
|
262
|
+
* inline 스타일 속성으로 지정할 수 있다.
|
|
263
|
+
*
|
|
264
|
+
* ```js
|
|
265
|
+
* const config = {
|
|
266
|
+
* subtitle: {
|
|
267
|
+
* style: {
|
|
268
|
+
* textAlign: 'left',
|
|
269
|
+
* },
|
|
270
|
+
* },
|
|
271
|
+
* };
|
|
272
|
+
* ```
|
|
230
273
|
*/
|
|
231
274
|
textAlign?: Align;
|
|
232
275
|
}
|
|
@@ -303,6 +346,11 @@ declare const _AlignBase: {
|
|
|
303
346
|
readonly PARENT: "parent";
|
|
304
347
|
};
|
|
305
348
|
type AlignBase = typeof _AlignBase[keyof typeof _AlignBase];
|
|
349
|
+
/**
|
|
350
|
+
* {@page config.base.series#viewRanges} 등에 설정할 수 있는 값 범위 정보.<br/>
|
|
351
|
+
* 시작, 끝 값과 영역에 표시할 색상 및 label을 지정한다.
|
|
352
|
+
* {@page config.base.series#viewRanges}에는 이 설정 객체 배열로 지정한다.
|
|
353
|
+
*/
|
|
306
354
|
interface ValueRange {
|
|
307
355
|
fromValue?: number;
|
|
308
356
|
toValue?: number;
|
|
@@ -311,6 +359,9 @@ interface ValueRange {
|
|
|
311
359
|
style?: SVGStyleOrClass;
|
|
312
360
|
areaStyle?: SVGStyleOrClass;
|
|
313
361
|
}
|
|
362
|
+
/**
|
|
363
|
+
* {@page config.base.series#viewRanges}에 설정할 수 있는 값 범위 목록.<br/>
|
|
364
|
+
*/
|
|
314
365
|
interface ValueRangeList {
|
|
315
366
|
fromValue?: number;
|
|
316
367
|
toValue?: number;
|
|
@@ -398,15 +449,21 @@ interface ChartItemOptions {
|
|
|
398
449
|
}
|
|
399
450
|
interface ChartTextOptions extends ChartItemOptions {
|
|
400
451
|
/**
|
|
452
|
+
* 텍스트 표시 효과.<br/>
|
|
453
|
+
*
|
|
454
|
+
* @default 'none'
|
|
401
455
|
*/
|
|
402
456
|
effect?: ChartTextEffect;
|
|
403
457
|
/**
|
|
458
|
+
* {@page autoContrast}가 true이고 밝게 표시할 때 적용되는 {@page it.SVGStyles 스타일셋}.<br/>
|
|
404
459
|
*/
|
|
405
460
|
lightStyle?: SVGStyleOrClass;
|
|
406
461
|
/**
|
|
462
|
+
* {@page autoContrast}가 true이고 어둡게 표시할 때 적용되는 {@page it.SVGStyles 스타일셋}.<br/>
|
|
407
463
|
*/
|
|
408
464
|
darkStyle?: SVGStyleOrClass;
|
|
409
465
|
/**
|
|
466
|
+
* {@page effect}가 'background'일 때 배경에 적용되는 {@page it.SVGStyles 스타일셋}.<br/>
|
|
410
467
|
*/
|
|
411
468
|
backgroundStyle?: SVGStyleOrClass;
|
|
412
469
|
/**
|
|
@@ -417,35 +474,45 @@ interface ChartTextOptions extends ChartItemOptions {
|
|
|
417
474
|
* brightStyle이 지정되지 않으면 'rct-text-light'이,
|
|
418
475
|
* darkStyle이 지정되지 않으면 'rct-text-dark'가 기본 적용된다.
|
|
419
476
|
*
|
|
477
|
+
* @default true
|
|
420
478
|
*/
|
|
421
479
|
autoContrast?: boolean;
|
|
422
|
-
outlineThickness?: number;
|
|
423
480
|
/**
|
|
424
|
-
*
|
|
481
|
+
* {@page effect}가 'outline'일 때 외곽 택스트의 외곽선 두께.<br/>
|
|
425
482
|
*
|
|
483
|
+
* @default 2
|
|
484
|
+
*/
|
|
485
|
+
outlineThickness?: number;
|
|
486
|
+
/**
|
|
487
|
+
* label 문자열 앞에 추가되는 문자열.<br/>
|
|
426
488
|
*/
|
|
427
489
|
prefix?: string;
|
|
428
490
|
/**
|
|
429
|
-
* label 문자열 끝에 추가되는
|
|
430
|
-
*
|
|
491
|
+
* label 문자열 끝에 추가되는 문자열.<br/>
|
|
431
492
|
*/
|
|
432
493
|
suffix?: string;
|
|
433
494
|
/**
|
|
434
495
|
* 축의 tick 간격이 1000 이상인 큰 수를 표시할 때
|
|
435
|
-
* 이 속성에 지정한 symbol을 이용해서 축약형으로
|
|
496
|
+
* 이 속성에 지정한 symbol을 이용해서 축약형으로 표시한다.<br/>
|
|
436
497
|
*
|
|
498
|
+
* @default 'k,M,G,T,P,E'
|
|
437
499
|
*/
|
|
438
500
|
numberSymbols?: string;
|
|
439
501
|
/**
|
|
440
|
-
* label이 숫자일 때 표시
|
|
502
|
+
* label이 숫자일 때 표시 형식.<br/>
|
|
441
503
|
*
|
|
504
|
+
* @default '#,##0.#'
|
|
442
505
|
*/
|
|
443
506
|
numberFormat?: string;
|
|
444
507
|
/**
|
|
445
|
-
*
|
|
446
|
-
*
|
|
508
|
+
* Text 형식.<br/>
|
|
447
509
|
*/
|
|
448
510
|
text?: string;
|
|
511
|
+
/**
|
|
512
|
+
* 텍스트 행의 높이를 계산되는 높이와 다르게 표시되도록 지정한다.<br/>
|
|
513
|
+
* 1이면 계산된 높이와 동일하게 표시된다.
|
|
514
|
+
* 지정하지 않으면 계산된 값.
|
|
515
|
+
*/
|
|
449
516
|
lineHeight?: number;
|
|
450
517
|
}
|
|
451
518
|
/**
|
|
@@ -461,17 +528,28 @@ declare const _IconPosition: {
|
|
|
461
528
|
type IconPosition = typeof _IconPosition[keyof typeof _IconPosition];
|
|
462
529
|
interface IconedTextOptions extends ChartTextOptions {
|
|
463
530
|
/**
|
|
531
|
+
* 이이콘 표시 위치<br/>
|
|
532
|
+
*
|
|
464
533
|
* @default 'default'
|
|
465
534
|
*/
|
|
466
535
|
iconPosition?: IconPosition;
|
|
467
536
|
imageList?: string;
|
|
468
537
|
iconRoot?: string;
|
|
469
538
|
/**
|
|
539
|
+
* 아이콘과 텍스트 사이의 간격.<br/>
|
|
540
|
+
*
|
|
470
541
|
* @default 2
|
|
471
542
|
*/
|
|
472
543
|
iconGap?: number;
|
|
473
|
-
|
|
474
|
-
|
|
544
|
+
/**
|
|
545
|
+
* 아이콘 이미지 너비.<br/>
|
|
546
|
+
*/
|
|
547
|
+
iconWidth?: number;
|
|
548
|
+
/**
|
|
549
|
+
* 아이콘 이미지 높이<br/>
|
|
550
|
+
* 지정하지 않으면 16 픽셀로 설정된다.
|
|
551
|
+
*/
|
|
552
|
+
iconHeight?: number;
|
|
475
553
|
}
|
|
476
554
|
interface DataPointCallbackArgs {
|
|
477
555
|
series: object;
|
|
@@ -491,6 +569,7 @@ interface DataPointCallbackArgs {
|
|
|
491
569
|
xValue: any;
|
|
492
570
|
yValue: any;
|
|
493
571
|
zValue: any;
|
|
572
|
+
labelIndex: number;
|
|
494
573
|
source: any;
|
|
495
574
|
}
|
|
496
575
|
|
|
@@ -515,7 +594,7 @@ declare const _AnnotationScope: {
|
|
|
515
594
|
};
|
|
516
595
|
type AnnotationScope = typeof _AnnotationScope[keyof typeof _AnnotationScope];
|
|
517
596
|
/**
|
|
518
|
-
* Annotation
|
|
597
|
+
* Annotation 설정 옵션.<br/>
|
|
519
598
|
*
|
|
520
599
|
* @config chart.annotation[base]
|
|
521
600
|
*/
|
|
@@ -637,8 +716,11 @@ interface AnnotationOptions extends ChartItemOptions {
|
|
|
637
716
|
}
|
|
638
717
|
declare const ImageAnnotationType = "image";
|
|
639
718
|
/**
|
|
640
|
-
* 이미지
|
|
719
|
+
* 이미지 어노테이션.<br/>
|
|
720
|
+
* {@page op.AnnotationOptions#type}은 'image'이다.<br/>
|
|
641
721
|
*
|
|
722
|
+
* // TODO #fiddle annotation/image-annotation Image Annotation
|
|
723
|
+
* @css 'rct-image-annotation'
|
|
642
724
|
* @config chart.annotation[type=image]
|
|
643
725
|
*/
|
|
644
726
|
interface ImageAnnotationOptions extends AnnotationOptions {
|
|
@@ -693,8 +775,13 @@ declare const _ShapeAnnotationShape: {
|
|
|
693
775
|
};
|
|
694
776
|
type ShapeAnnotationShape = typeof _ShapeAnnotationShape[keyof typeof _ShapeAnnotationShape];
|
|
695
777
|
/**
|
|
696
|
-
* Shape
|
|
778
|
+
* Shape 어노테이션.<br/>
|
|
779
|
+
* {@page op.AnnotationOptions#type}은 'shape'이다.<br/>
|
|
780
|
+
* {@page shape} 속성에 표시할 도형 모양을 지정하거나,
|
|
781
|
+
* {@page path}에 SVG path를 직접 지정할 수 있다.
|
|
697
782
|
*
|
|
783
|
+
* // TODO #fiddle annotation/shape-annotation Shape Annotation
|
|
784
|
+
* @css 'rct-shape-annotation'
|
|
698
785
|
* @config chart.annotation[type=shape]
|
|
699
786
|
*/
|
|
700
787
|
interface ShapeAnnotationOptions extends AnnotationOptions {
|
|
@@ -728,8 +815,11 @@ interface ShapeAnnotationOptions extends AnnotationOptions {
|
|
|
728
815
|
}
|
|
729
816
|
declare const TextAnnotationType = "text";
|
|
730
817
|
/**
|
|
731
|
-
*
|
|
818
|
+
* 텍스트 어노테이션.<br/>
|
|
819
|
+
* {@page op.AnnotationOptions#type}은 'text'이다.<br/>
|
|
732
820
|
*
|
|
821
|
+
* // TODO #fiddle annotation/text-annotation Text Annotation
|
|
822
|
+
* @css 'rct-text-annotation'
|
|
733
823
|
* @config chart.annotation[type=text]
|
|
734
824
|
*/
|
|
735
825
|
interface TextAnnotationOptions extends AnnotationOptions {
|
|
@@ -1171,7 +1261,22 @@ declare const _PointItemPosition: {
|
|
|
1171
1261
|
};
|
|
1172
1262
|
type PointItemPosition = typeof _PointItemPosition[keyof typeof _PointItemPosition];
|
|
1173
1263
|
/**
|
|
1174
|
-
*
|
|
1264
|
+
* 시리즈 데이터포인트들의 label 옵션.<br/>
|
|
1265
|
+
* {@page config.base.series}의 'pointLabel' 항목으로 설정한다.
|
|
1266
|
+
*
|
|
1267
|
+
* ```js
|
|
1268
|
+
* const config = {
|
|
1269
|
+
* series: {
|
|
1270
|
+
* pointLabel: {
|
|
1271
|
+
* visible: true,
|
|
1272
|
+
* suffix: '%',
|
|
1273
|
+
* style: {
|
|
1274
|
+
* fontWeight: 'bold',
|
|
1275
|
+
* },
|
|
1276
|
+
* }
|
|
1277
|
+
* }
|
|
1278
|
+
* };
|
|
1279
|
+
* ```
|
|
1175
1280
|
*/
|
|
1176
1281
|
interface DataPointLabelOptions extends IconedTextOptions {
|
|
1177
1282
|
/**
|
|
@@ -1274,7 +1379,8 @@ declare const _TrendLineType: {
|
|
|
1274
1379
|
};
|
|
1275
1380
|
type TrendLineType = typeof _TrendLineType[keyof typeof _TrendLineType];
|
|
1276
1381
|
/**
|
|
1277
|
-
* 시리즈 추세선
|
|
1382
|
+
* 시리즈 추세선 옵션.<br/>
|
|
1383
|
+
* {@page config.base.series}의 'trendLine' 항목으로 설정한다.
|
|
1278
1384
|
*/
|
|
1279
1385
|
interface TrendlineOptions extends ChartItemOptions {
|
|
1280
1386
|
/**
|
|
@@ -1308,7 +1414,8 @@ interface TrendlineOptions extends ChartItemOptions {
|
|
|
1308
1414
|
/**
|
|
1309
1415
|
* 시리즈는 {@page data}로 지정된 값들을 데이터포인트로 표시하는 차트의 핵심 구성 요소이다.<br/>
|
|
1310
1416
|
* 차트 설정의 다른 부분이나 API에 참조하기 위해서는 {@page name}을 반드시 지정해야 햔다.
|
|
1311
|
-
* 차트 생성 시
|
|
1417
|
+
* 차트 생성 시 {@page config.series.#type} 을 지정하지 않으면 {@page config.series.bar 'bar'} 시리즈로 생성된다.<br/>
|
|
1418
|
+
*
|
|
1312
1419
|
* @config chart.series[base]
|
|
1313
1420
|
*/
|
|
1314
1421
|
interface SeriesOptions extends ChartItemOptions {
|
|
@@ -1327,11 +1434,12 @@ interface SeriesOptions extends ChartItemOptions {
|
|
|
1327
1434
|
*/
|
|
1328
1435
|
label?: string;
|
|
1329
1436
|
/**
|
|
1330
|
-
* 데이터포인트 label
|
|
1437
|
+
* 데이터포인트 label 옵션.<br/>
|
|
1438
|
+
* 단순히 boolean 값으로 설정하면 {@page visible} 속성에 적용된다.
|
|
1331
1439
|
*/
|
|
1332
1440
|
pointLabel?: DataPointLabelOptions | boolean;
|
|
1333
1441
|
/**
|
|
1334
|
-
* 추세선
|
|
1442
|
+
* 추세선 옵션.<br/>
|
|
1335
1443
|
*/
|
|
1336
1444
|
trendline?: TrendlineOptions;
|
|
1337
1445
|
/**
|
|
@@ -1650,6 +1758,9 @@ interface SeriesGroupOptions<T extends SeriesOptions = SeriesOptions> extends Ch
|
|
|
1650
1758
|
}
|
|
1651
1759
|
declare const LineSeriesGroupType = "linegroup";
|
|
1652
1760
|
/**
|
|
1761
|
+
* Line 시리즈그룹.<br/>
|
|
1762
|
+
* {@page op.SeriesOptions#type}은 'linegroup'이다.<br/>
|
|
1763
|
+
*
|
|
1653
1764
|
* @config chart.series[type=linegroup]
|
|
1654
1765
|
*/
|
|
1655
1766
|
interface LineSeriesGroupOptions extends SeriesGroupOptions<LineSeriesOptions> {
|
|
@@ -1664,6 +1775,9 @@ interface LineSeriesGroupOptions extends SeriesGroupOptions<LineSeriesOptions> {
|
|
|
1664
1775
|
}
|
|
1665
1776
|
declare const AreaSeriesGroupType = "areagroup";
|
|
1666
1777
|
/**
|
|
1778
|
+
* Area 시리즈그룹.<br/>
|
|
1779
|
+
* {@page op.SeriesOptions#type}은 'areagroup'이다.<br/>
|
|
1780
|
+
*
|
|
1667
1781
|
* @config chart.series[type=areagroup]
|
|
1668
1782
|
*/
|
|
1669
1783
|
interface AreaSeriesGroupOptions extends SeriesGroupOptions<AreaSeriesOptions> {
|
|
@@ -1794,9 +1908,10 @@ interface LineSeriesMarkerOptions extends SeriesMarkerOptions {
|
|
|
1794
1908
|
hintDistance?: number;
|
|
1795
1909
|
}
|
|
1796
1910
|
/**
|
|
1797
|
-
*
|
|
1798
|
-
*
|
|
1799
|
-
*
|
|
1911
|
+
* 라인 시리즈 계열의 설정 옵션 기반(base).<br/>
|
|
1912
|
+
* //포인트 label들은 PointItemPosition.HEAD, FOOT, INSIDE에 위치할 수 있다.
|
|
1913
|
+
* //기본값은 AUTO(HEAD)이다.
|
|
1914
|
+
* //pointLabel.align으로 수평 정렬을 설정할 수있다.
|
|
1800
1915
|
*/
|
|
1801
1916
|
interface LineSeriesBaseOptions extends SeriesOptions {
|
|
1802
1917
|
marker?: LineSeriesMarkerOptions;
|
|
@@ -1807,32 +1922,46 @@ interface LineSeriesBaseOptions extends SeriesOptions {
|
|
|
1807
1922
|
*/
|
|
1808
1923
|
nullAsBase?: boolean;
|
|
1809
1924
|
}
|
|
1925
|
+
/**
|
|
1926
|
+
* {@page config.series.pie} 시리즈나 {@page config.seriesfunnel} 시리즈 설정 옵션들의 기반(base).<br/>
|
|
1927
|
+
*/
|
|
1810
1928
|
interface WidgetSeriesOptions extends SeriesOptions {
|
|
1811
1929
|
/**
|
|
1930
|
+
* body 영역을 기준으로 {@page config.series.pie 'pie'},
|
|
1931
|
+
* {@page config.series.funnel 'funnel'} 시리즈들의 수평 중심 위치<br/>
|
|
1932
|
+
* 숫자나 body 영역 너비에 대한 상대값을 '%'로 지정할 수 있다.
|
|
1933
|
+
*
|
|
1812
1934
|
* @default '50%'
|
|
1813
1935
|
*/
|
|
1814
1936
|
centerX?: PercentSize;
|
|
1815
1937
|
/**
|
|
1816
|
-
* @
|
|
1938
|
+
* body 영역을 기준으로 {@page config.series.pie 'pie'},
|
|
1939
|
+
* {@page config.series.funnel 'funnel'} 시리즈들의 수직 중심 위치<br/>
|
|
1940
|
+
* 숫자나 body 영역 높이에 대한 상대값을 '%'로 지정할 수 있다.
|
|
1941
|
+
|
|
1942
|
+
* @default '50%'
|
|
1817
1943
|
*/
|
|
1818
1944
|
centerY?: PercentSize;
|
|
1819
|
-
center?: PercentSize;
|
|
1820
1945
|
/**
|
|
1821
|
-
*
|
|
1946
|
+
* {@link centerX}, {@link centerY}를 지정하지 않으면 이 속성값을 사용한다.<br/>
|
|
1947
|
+
* 즉, 이 속성으로 두 속성값을 동시에 지정할 수 있다.
|
|
1822
1948
|
*/
|
|
1823
|
-
|
|
1949
|
+
center?: PercentSize;
|
|
1824
1950
|
/**
|
|
1825
|
-
*
|
|
1951
|
+
* true로 지정하면 {@page config.series.pie 'pie'},
|
|
1952
|
+
* {@page config.series.funnel 'funnel'} 시리즈들의 데이터포인트별 legend 항목을 표시한다.<br/>
|
|
1826
1953
|
*
|
|
1954
|
+
* @default false
|
|
1827
1955
|
*/
|
|
1828
1956
|
legendByPoint?: boolean;
|
|
1829
1957
|
}
|
|
1830
1958
|
declare const BarRangeSeriesType = "barrange";
|
|
1831
1959
|
/**
|
|
1832
|
-
* BarRange
|
|
1960
|
+
* BarRange 시리즈.<br/>
|
|
1961
|
+
* {@page op.SeriesOptions#type}은 'barrange'이다.<br/>
|
|
1833
1962
|
* 수평 또는 수직 막대로 여러 값들의 범위들을 **비교**하는 데 사용한다.
|
|
1834
1963
|
* 막대의 길이가 값의 범위를 표시한다.<br/>
|
|
1835
|
-
* X축 타입이 설정되지 않은 경우, 이 시리즈를 기준으로 생성되는 축은 [category](/config/config/xAxis/category)이다.<br
|
|
1964
|
+
* X축 타입이 설정되지 않은 경우, 이 시리즈를 기준으로 생성되는 축은 [category](/config/config/xAxis/category)이다.<br/>
|
|
1836
1965
|
*
|
|
1837
1966
|
* {@page data}는 아래 형식들로 전달할 수 있다.<br/>
|
|
1838
1967
|
* [주의] 데이터포인트 구성에 필요한 모든 값을 제공해야 한다.<br/>
|
|
@@ -1879,11 +2008,13 @@ interface BarRangeSeriesOptions extends LowRangedSeriesOptions {
|
|
|
1879
2008
|
declare const BarSeriesType = "bar";
|
|
1880
2009
|
/**
|
|
1881
2010
|
* Bar 시리즈.<br/>
|
|
2011
|
+
* {@page op.SeriesOptions#type}은 'bar'이다.
|
|
2012
|
+
* 차트의 기본 시리즈 타입이므로 차트의 {@page config.#type 기본 시리즈 타입}이 명시적으로 설정되지 않으면 생략할 수 있다.<br/>
|
|
1882
2013
|
* 수평 또는 수직 막대로 여러 값들을 **비교**하는 데 사용한다.
|
|
1883
2014
|
* 막대의 길이가 y값을 나타낸다.<br/>
|
|
1884
|
-
*
|
|
2015
|
+
* x축 타입이 설정되지 않은 경우, 이 시리즈를 기준으로 생성되는 축은 {@page config.xAxis.category}이다.<br/>
|
|
1885
2016
|
*
|
|
1886
|
-
* {@page data}는 아래 형식들로 전달할 수
|
|
2017
|
+
* {@page data}는 아래 형식들로 전달할 수 있다.
|
|
1887
2018
|
*
|
|
1888
2019
|
* ###### 단일값 또는 단일값 배열
|
|
1889
2020
|
* |형식|설명|
|
|
@@ -1900,6 +2031,7 @@ declare const BarSeriesType = "bar";
|
|
|
1900
2031
|
* |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
|
|
1901
2032
|
* |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
|
|
1902
2033
|
*
|
|
2034
|
+
* @css 'rct-bar-series'
|
|
1903
2035
|
* @config chart.series[type=bar]
|
|
1904
2036
|
*/
|
|
1905
2037
|
interface BarSeriesOptions extends BarSeriesBaseOptions {
|
|
@@ -1919,6 +2051,9 @@ interface BarSeriesOptions extends BarSeriesBaseOptions {
|
|
|
1919
2051
|
}
|
|
1920
2052
|
declare const BarSeriesGroupType = "bargroup";
|
|
1921
2053
|
/**
|
|
2054
|
+
* Bar 시리즈그룹.<br/>
|
|
2055
|
+
* {@page op.SeriesOptions#type}은 'bargroup'이다.<br/>
|
|
2056
|
+
*
|
|
1922
2057
|
* @config chart.series[type=bargroup]
|
|
1923
2058
|
*/
|
|
1924
2059
|
interface BarSeriesGroupOptions extends BarSeriesGroupBaseOptions<BarSeriesOptions> {
|
|
@@ -1926,6 +2061,9 @@ interface BarSeriesGroupOptions extends BarSeriesGroupBaseOptions<BarSeriesOptio
|
|
|
1926
2061
|
}
|
|
1927
2062
|
declare const PieSeriesGroupType = "piegroup";
|
|
1928
2063
|
/**
|
|
2064
|
+
* Pie 시리즈그룹.<br/>
|
|
2065
|
+
* {@page op.SeriesOptions#type}은 'piegroup'이다.<br/>
|
|
2066
|
+
*
|
|
1929
2067
|
* @config chart.series[type=piegroup]
|
|
1930
2068
|
*/
|
|
1931
2069
|
interface PieSeriesGroupOptions extends SeriesGroupOptions<PieSeriesOptions> {
|
|
@@ -2026,10 +2164,10 @@ declare const _LineStepDirection: {
|
|
|
2026
2164
|
type LineStepDirection = typeof _LineStepDirection[keyof typeof _LineStepDirection];
|
|
2027
2165
|
/**
|
|
2028
2166
|
* Line 시리즈.<br/>
|
|
2029
|
-
*
|
|
2167
|
+
* {@page op.SeriesOptions#type}은 'line'이다.<br/>
|
|
2030
2168
|
* 주로 시간이나 다른 축 변수에 의한 데이터의 **변화** 또는 **경향**(pattern)을 보여주는 데 사용한다.
|
|
2031
2169
|
* 데이터포인트의 값에 해당하는 지점에 표시되는 데이터포인트 마커들을 연결한 선으로 표시되며,
|
|
2032
|
-
* 기본 x축은 [linear](/config/config/xAxis/linear)이다.<br
|
|
2170
|
+
* 기본 x축은 [linear](/config/config/xAxis/linear)이다.<br/>
|
|
2033
2171
|
*
|
|
2034
2172
|
* {@page data}는 아래 형식들로 전달할 수 있다.
|
|
2035
2173
|
*
|
|
@@ -2089,8 +2227,27 @@ interface LineSeriesOptions extends LineSeriesBaseOptions {
|
|
|
2089
2227
|
}
|
|
2090
2228
|
declare const SplineSeriesType = "spline";
|
|
2091
2229
|
/**
|
|
2230
|
+
* Spline 시리즈.<br/>
|
|
2231
|
+
* {@page op.SeriesOptions#type}은 'spline'이다.<br/>
|
|
2092
2232
|
* {@page lineType} 설정을 무시하고 항상 'spline'으로 표시되는 것 외에는 {@page config.series.line line} 시리즈와 동일하다.<br/>
|
|
2093
2233
|
*
|
|
2234
|
+
* {@page data}는 아래 형식들로 전달할 수 있다.
|
|
2235
|
+
*
|
|
2236
|
+
* ###### 단일값 또는 단일값 배열
|
|
2237
|
+
* |형식|설명|
|
|
2238
|
+
* |---|---|
|
|
2239
|
+
* |y|단일 숫자면 y값. x 값은 순서에 따라 자동 결정.|
|
|
2240
|
+
* |[]|빈 배열이면 null. x 값은 순서에 따라 자동 결정.|
|
|
2241
|
+
* |[y]|값 하나인 배열이면 y값. x 값은 순서에 따라 자동 결정.|
|
|
2242
|
+
* |[x, y,]|두 값 이상이면 순서대로 x, y값.<br/> 또는 {@page xField} 속성이 숫자이면 x값의 index. {@page yField}는 y값의 index.<br/>{@page colorField}는 color값의 index.|
|
|
2243
|
+
*
|
|
2244
|
+
* ###### json 배열
|
|
2245
|
+
* |Series 속성|설명 |
|
|
2246
|
+
* |---|---|
|
|
2247
|
+
* |{@page xField}|속성 값, 또는 'x', 'name', 'label' 속성들 중 순서대로 값이 설정된 것이 x 값이 된다.|
|
|
2248
|
+
* |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
|
|
2249
|
+
* |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
|
|
2250
|
+
*
|
|
2094
2251
|
* @config chart.series[type=spline]
|
|
2095
2252
|
*/
|
|
2096
2253
|
interface SplineSeriesOptions extends LineSeriesOptions {
|
|
@@ -2104,6 +2261,7 @@ interface SplineSeriesOptions extends LineSeriesOptions {
|
|
|
2104
2261
|
}
|
|
2105
2262
|
/**
|
|
2106
2263
|
* Area 시리즈.<br/>
|
|
2264
|
+
* {@page op.SeriesOptions#type}은 'area'이다.<br/>
|
|
2107
2265
|
* 대부분 {@page config.series.line} 시리즈와 동일하고 라인 아래 부분을 별도의 색상으로 채운다.
|
|
2108
2266
|
*
|
|
2109
2267
|
* *{@page data}는 아래 형식들로 전달할 수 있다.
|
|
@@ -2141,10 +2299,11 @@ interface AreaSeriesOptions extends LineSeriesOptions {
|
|
|
2141
2299
|
declare const BellCurveSeriesType = "bellcurve";
|
|
2142
2300
|
/**
|
|
2143
2301
|
* BellCurve 시리즈.<br/>
|
|
2302
|
+
* {@page op.SeriesOptions#type}은 'bellcurve'이다.<br/>
|
|
2144
2303
|
* {@page source} 시리즈 데이터포인트들의 값을 바탕으로
|
|
2145
|
-
* {@page https://ko.wikipedia.org/wiki/정규_분포 정규분포} 곡선을 표시한다.<br
|
|
2304
|
+
* {@page https://ko.wikipedia.org/wiki/정규_분포 정규분포} 곡선을 표시한다.<br/>
|
|
2146
2305
|
*
|
|
2147
|
-
* {@page data}는 아래 형식들로 전달할 수
|
|
2306
|
+
* {@page data}는 아래 형식들로 전달할 수 있다.
|
|
2148
2307
|
*
|
|
2149
2308
|
* ###### 단일값 또는 단일값 배열
|
|
2150
2309
|
* |형식|설명|
|
|
@@ -2189,12 +2348,12 @@ interface BellCurveSeriesOptions extends AreaSeriesOptions {
|
|
|
2189
2348
|
declare const BoxPlotSeriesType = "boxplot";
|
|
2190
2349
|
/**
|
|
2191
2350
|
* {@page https://en.wikipedia.org/wiki/Box_plot BoxPlot} 시리즈.<br/>
|
|
2192
|
-
*
|
|
2351
|
+
* {@page op.SeriesOptions#type}은 'boxplot'이다.<br/>
|
|
2352
|
+
* 주요 값들의 대략적인 범위 및 분포를 표시하는 시리즈.<br/>
|
|
2193
2353
|
*
|
|
2194
2354
|
* {@page data}는 아래 형식들로 전달할 수 있다.<br/>
|
|
2195
2355
|
* [주의] 데이터포인트 구성에 필요한 모든 값을 제공하지 않으면 null이 된다.
|
|
2196
2356
|
*
|
|
2197
|
-
* <br/>
|
|
2198
2357
|
* ###### 단일값 또는 단일값 배열
|
|
2199
2358
|
* |형식|설명|
|
|
2200
2359
|
* |---|---|
|
|
@@ -2265,9 +2424,10 @@ type BubbleSizeMode = typeof _BubbleSizeMode[keyof typeof _BubbleSizeMode];
|
|
|
2265
2424
|
declare const BubbleSeriesType = "bubble";
|
|
2266
2425
|
/**
|
|
2267
2426
|
* 버블 시리즈.<br/>
|
|
2427
|
+
* {@page op.SeriesOptions#type}은 'bubble'이다.<br/>
|
|
2268
2428
|
* x, y로 지정되는 위치와 z로 지정되는 크기 사이의 관계를 표시한다.
|
|
2269
2429
|
* 주로 원의 크기가 데이터포인트의 중요도를 나타낸다.<br/>
|
|
2270
|
-
* X축 타입이 설정되지 않은 경우, 이 시리즈를 기준으로 생성되는 축은 [linear](/config/config/xAxis/linear)이다.<br
|
|
2430
|
+
* X축 타입이 설정되지 않은 경우, 이 시리즈를 기준으로 생성되는 축은 [linear](/config/config/xAxis/linear)이다.<br/>
|
|
2271
2431
|
*
|
|
2272
2432
|
* {@page data}는 아래 형식들로 전달할 수 있다.<br/>
|
|
2273
2433
|
* [주의] 데이터포인트 구성에 필요한 모든 값을 제공하지 않으면 null이 된다.
|
|
@@ -2319,9 +2479,10 @@ interface BubbleSeriesOptions extends MarkerSeriesOptions {
|
|
|
2319
2479
|
}
|
|
2320
2480
|
declare const BumpSeriesType = "bump";
|
|
2321
2481
|
/**
|
|
2322
|
-
*
|
|
2323
|
-
*
|
|
2324
|
-
* 포함된 시리즈들의
|
|
2482
|
+
* Bump 시리즈그룹.<br/>
|
|
2483
|
+
* {@page op.SeriesOptions#type}은 'bump'이다.<br/>
|
|
2484
|
+
* 포함된 시리즈들의 y값들을 비교해서 순위대로 시리즈를 표시한다.
|
|
2485
|
+
* 즉, 포함된 시리즈들의 x값이 동일한 데이터포인트들의 y값들을 비교해서 각자의 순위를 yValue로 재설정하여 표시한다.
|
|
2325
2486
|
*
|
|
2326
2487
|
* @config chart.series[type=bump]
|
|
2327
2488
|
*/
|
|
@@ -2330,7 +2491,8 @@ interface BumpSeriesGroupOptions extends SeriesGroupOptions {
|
|
|
2330
2491
|
}
|
|
2331
2492
|
/**
|
|
2332
2493
|
* Candlestick 시리즈.<br/>
|
|
2333
|
-
*
|
|
2494
|
+
* {@page op.SeriesOptions#type}은 'candlestick'이다.<br/>
|
|
2495
|
+
* 주식을 비롯한 유가증권과 파생상품, 환율 등의 가격 움직임을 보여주는 시리즈.<br/>
|
|
2334
2496
|
*
|
|
2335
2497
|
* {@page data}는 아래 형식들로 전달할 수 있다.<br/>
|
|
2336
2498
|
* [주의] 데이터포인트 구성에 필요한 모든 값을 제공하지 않으면 null이 된다.<br/>
|
|
@@ -2404,34 +2566,38 @@ interface CircleBarPointLabelOptions extends DataPointLabelOptions {
|
|
|
2404
2566
|
declare const CircleBarSeriesType = "circlebar";
|
|
2405
2567
|
/**
|
|
2406
2568
|
* CirleBar 시리즈.<br/>
|
|
2569
|
+
* {@page op.SeriesOptions#type}은 'circlebar'이다.<br/>
|
|
2407
2570
|
* 직사각형 대신 원형 막대로 여러 값들을 **비교**하는 데 사용한다.
|
|
2408
|
-
* 원 지름이 y값을
|
|
2409
|
-
* X축 타입이 설정되지 않은 경우, 이 시리즈를 기준으로 생성되는 축은
|
|
2571
|
+
* 원 지름이 y값을 나타낸다.
|
|
2572
|
+
* X축 타입이 설정되지 않은 경우, 이 시리즈를 기준으로 생성되는 축은 {@page config.xAxis.category 카테고리축}이다.<br/>
|
|
2410
2573
|
*
|
|
2411
|
-
*{@page data}는 아래 형식들로 전달할 수
|
|
2412
|
-
*
|
|
2413
|
-
* ###### 단일값 또는 단일값 배열
|
|
2414
|
-
* |형식|설명|
|
|
2415
|
-
* |---|---|
|
|
2416
|
-
* |y|단일 숫자면 y값. x 값은 순서에 따라 자동 결정.|
|
|
2417
|
-
* |[]|빈 배열이면 null. x 값은 순서에 따라 자동 결정.|
|
|
2418
|
-
* |[y]|값 하나인 배열이면 y값. x 값은 순서에 따라 자동 결정.|
|
|
2419
|
-
* |[x, y,]|두 값 이상이면 순서대로 x, y값.<br/> 또는 {@page xField} 속성이 숫자이면 x값의 index. {@page yField}는 y값의 index.<br/>{@page colorField}는 color값의 index.|
|
|
2420
|
-
*
|
|
2421
|
-
* ###### json 배열
|
|
2422
|
-
* |Series 속성|설명 |
|
|
2423
|
-
* |---|---|
|
|
2424
|
-
* |{@page xField}|속성 값, 또는 'x', 'name', 'label' 속성들 중 순서대로 값이 설정된 것이 x 값이 된다.|
|
|
2425
|
-
* |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
|
|
2426
|
-
* |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
|
|
2427
|
-
*
|
|
2428
|
-
* @config chart.series[type=circlebar]
|
|
2574
|
+
*{@page data}는 아래 형식들로 전달할 수 있다.
|
|
2575
|
+
*
|
|
2576
|
+
* ###### 단일값 또는 단일값 배열
|
|
2577
|
+
* |형식|설명|
|
|
2578
|
+
* |---|---|
|
|
2579
|
+
* |y|단일 숫자면 y값. x 값은 순서에 따라 자동 결정.|
|
|
2580
|
+
* |[]|빈 배열이면 null. x 값은 순서에 따라 자동 결정.|
|
|
2581
|
+
* |[y]|값 하나인 배열이면 y값. x 값은 순서에 따라 자동 결정.|
|
|
2582
|
+
* |[x, y,]|두 값 이상이면 순서대로 x, y값.<br/> 또는 {@page xField} 속성이 숫자이면 x값의 index. {@page yField}는 y값의 index.<br/>{@page colorField}는 color값의 index.|
|
|
2583
|
+
*
|
|
2584
|
+
* ###### json 배열
|
|
2585
|
+
* |Series 속성|설명 |
|
|
2586
|
+
* |---|---|
|
|
2587
|
+
* |{@page xField}|속성 값, 또는 'x', 'name', 'label' 속성들 중 순서대로 값이 설정된 것이 x 값이 된다.|
|
|
2588
|
+
* |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
|
|
2589
|
+
* |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
|
|
2590
|
+
*
|
|
2591
|
+
* @config chart.series[type=circlebar]
|
|
2429
2592
|
*/
|
|
2430
2593
|
interface CircleBarSeriesOptions extends BarSeriesBaseOptions {
|
|
2431
2594
|
type?: typeof CircleBarSeriesType;
|
|
2432
2595
|
}
|
|
2433
2596
|
declare const CircleBarSeriesGroupType = "circlebargroup";
|
|
2434
2597
|
/**
|
|
2598
|
+
* CircleBar 시리즈그룹.<br/>
|
|
2599
|
+
* {@page op.SeriesOptions#type}은 'circlebargroup'이다.<br/>
|
|
2600
|
+
*
|
|
2435
2601
|
* @config chart.series[type=circlebargroup]
|
|
2436
2602
|
*/
|
|
2437
2603
|
interface CircleBarSeriesGroupOptions extends BarSeriesGroupBaseOptions<CircleBarSeriesOptions> {
|
|
@@ -2452,10 +2618,11 @@ interface DumbbellSeriesMarkerOptions extends SeriesMarkerOptions {
|
|
|
2452
2618
|
declare const DumbbellSeriesType = "dumbbell";
|
|
2453
2619
|
/**
|
|
2454
2620
|
* Dumbbell 시리즈.<br/>
|
|
2621
|
+
* {@page op.SeriesOptions#type}은 'dumbbell'이다.<br/>
|
|
2455
2622
|
* Lollipop 시리즈의 변종으로 시간에 따른 두 값의 변화를 표시하는 등,
|
|
2456
2623
|
* 두 그룹 간의 차이나 관계를 표시하는 데 사용될 수 있다.
|
|
2457
2624
|
* 예를 들어, 두 기간 동안의 성장률, 두 그룹 간의 판매량 차이 변화 등을 보여 주는데 유용하다.<br/>
|
|
2458
|
-
* 양 끝 두 개의 원이나 점 등을 선분으로 연결하여 표시한다.<br
|
|
2625
|
+
* 양 끝 두 개의 원이나 점 등을 선분으로 연결하여 표시한다.<br/>
|
|
2459
2626
|
*
|
|
2460
2627
|
* {@page data}는 아래 형식들로 전달할 수 있다.<br/>
|
|
2461
2628
|
* [주의] 데이터포인트 구성에 필요한 모든 값을 제공해야 한다.
|
|
@@ -2486,12 +2653,14 @@ interface DumbbellSeriesOptions extends ClusterableSeriesOptions {
|
|
|
2486
2653
|
}
|
|
2487
2654
|
declare const EqualizerSeriesType = "equalizer";
|
|
2488
2655
|
/**
|
|
2489
|
-
*
|
|
2656
|
+
* Eqaulizer 시리즈.<br/>
|
|
2657
|
+
* {@page op.SeriesOptions#type}은 'equalizer'이다.<br/>
|
|
2658
|
+
* Bar를 여러 개의 segment로 나눠 표시한다.
|
|
2490
2659
|
* 수평 또는 수직 막대로 여러 값들을 **비교**하는 데 사용한다.
|
|
2491
2660
|
* 막대의 길이가 y값을 나타낸다.<br/>
|
|
2492
|
-
* X축 타입이 설정되지 않은 경우, 이 시리즈를 기준으로 생성되는 축은
|
|
2661
|
+
* X축 타입이 설정되지 않은 경우, 이 시리즈를 기준으로 생성되는 축은 {@page config.xAxis.category 카테고리축}이다.<br/>
|
|
2493
2662
|
*
|
|
2494
|
-
* {@page data}는 아래 형식들로 전달할 수
|
|
2663
|
+
* {@page data}는 아래 형식들로 전달할 수 있다.
|
|
2495
2664
|
*
|
|
2496
2665
|
* ###### 단일값 또는 단일값 배열
|
|
2497
2666
|
* |형식|설명|
|
|
@@ -2525,7 +2694,8 @@ interface LowRangedSeriesOptions extends RangedSeriesOptions {
|
|
|
2525
2694
|
declare const ErrorBarSeriesType = "errorbar";
|
|
2526
2695
|
/**
|
|
2527
2696
|
* ErrorBar 시리즈.<br/>
|
|
2528
|
-
*
|
|
2697
|
+
* {@page op.SeriesOptions#type}은 'errorbar'이다.<br/>
|
|
2698
|
+
* 오류(차)를 나타내는 막대를 표시한다.<br/>
|
|
2529
2699
|
*
|
|
2530
2700
|
* {@page data}는 아래 형식들로 전달할 수 있다.<br/>
|
|
2531
2701
|
* [주의] 데이터포인트 구성에 필요한 모든 값을 제공해야 한다.
|
|
@@ -2564,6 +2734,28 @@ interface ErrorBarSeriesOptions extends LowRangedSeriesOptions {
|
|
|
2564
2734
|
}
|
|
2565
2735
|
declare const FunnelSeriesType = "funnel";
|
|
2566
2736
|
/**
|
|
2737
|
+
* Funnel 시리즈.<br/>
|
|
2738
|
+
* {@page op.SeriesOptions#type}은 'funnel'이다.<br/>
|
|
2739
|
+
*
|
|
2740
|
+
* {@page data}는 아래 형식들로 전달할 수 있다.
|
|
2741
|
+
*
|
|
2742
|
+
* ###### 단일값 또는 단일값 배열
|
|
2743
|
+
* |형식|설명|
|
|
2744
|
+
* |---|---|
|
|
2745
|
+
* |y|단일 숫자면 y값. x 값은 순서에 따라 자동 결정.|
|
|
2746
|
+
* |[]|빈 배열이면 null. x 값은 순서에 따라 자동 결정.|
|
|
2747
|
+
* |[y]|값 하나인 배열이면 y값. x 값은 순서에 따라 자동 결정.|
|
|
2748
|
+
* |[x, y,]|두 값 이상이면 순서대로 x, y값.<br/> 또는 {@page xField} 속성이 숫자이면 x값의 index. {@page yField}는 y값의 index.<br/>{@page colorField}는 color값의 index.|
|
|
2749
|
+
*
|
|
2750
|
+
* ###### json 배열
|
|
2751
|
+
* |Series 속성|설명 |
|
|
2752
|
+
* |---|---|
|
|
2753
|
+
* |{@page xField}|속성 값, 또는 'x', 'name', 'label' 속성들 중 순서대로 값이 설정된 것이 x 값이 된다.|
|
|
2754
|
+
* |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
|
|
2755
|
+
* |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
|
|
2756
|
+
*
|
|
2757
|
+
* // TODO #fiddle series/funnel-series Funnel Series
|
|
2758
|
+
* @css 'rct-funnel-series'
|
|
2567
2759
|
* @config chart.series[type=funnel]
|
|
2568
2760
|
*/
|
|
2569
2761
|
interface FunnelSeriesOptions extends WidgetSeriesOptions {
|
|
@@ -2597,8 +2789,9 @@ interface FunnelSeriesOptions extends WidgetSeriesOptions {
|
|
|
2597
2789
|
declare const HeatmapSeriesType = "heatmap";
|
|
2598
2790
|
/**
|
|
2599
2791
|
* Heatmap 시리즈.<br/>
|
|
2792
|
+
* {@page op.SeriesOptions#type}은 'heatmap'이다.<br/>
|
|
2600
2793
|
* 숫자 대신 색상으로 값들을 table에 표시한다.<br/>
|
|
2601
|
-
* 차트나 split pane에 하나의 heatmap만 존재할 수 있다.<br
|
|
2794
|
+
* 차트나 split pane에 하나의 heatmap만 존재할 수 있다.<br/>
|
|
2602
2795
|
*
|
|
2603
2796
|
* //[셀 색상]
|
|
2604
2797
|
* //1. color-axis가 연결되면 거기에서 색을 가져온다.
|
|
@@ -2646,6 +2839,27 @@ declare const _BinsNumber: {
|
|
|
2646
2839
|
type BinsNumber = typeof _BinsNumber[keyof typeof _BinsNumber];
|
|
2647
2840
|
declare const HistogramSeriesType = "histogram";
|
|
2648
2841
|
/**
|
|
2842
|
+
* Histogram 시리즈.<br/>
|
|
2843
|
+
* {@page op.SeriesOptions#type}은 'histogram'이다.<br/>
|
|
2844
|
+
*
|
|
2845
|
+
* {@page data}는 아래 형식들로 전달할 수 있다.
|
|
2846
|
+
*
|
|
2847
|
+
* ###### 단일값 또는 단일값 배열
|
|
2848
|
+
* |형식|설명|
|
|
2849
|
+
* |---|---|
|
|
2850
|
+
* |y|단일 숫자면 y값. x 값은 순서에 따라 자동 결정.|
|
|
2851
|
+
* |[]|빈 배열이면 null. x 값은 순서에 따라 자동 결정.|
|
|
2852
|
+
* |[y]|값 하나인 배열이면 y값. x 값은 순서에 따라 자동 결정.|
|
|
2853
|
+
* |[x, y,]|두 값 이상이면 순서대로 x, y값.<br/> 또는 {@page xField} 속성이 숫자이면 x값의 index. {@page yField}는 y값의 index.<br/>{@page colorField}는 color값의 index.|
|
|
2854
|
+
*
|
|
2855
|
+
* ###### json 배열
|
|
2856
|
+
* |Series 속성|설명 |
|
|
2857
|
+
* |---|---|
|
|
2858
|
+
* |{@page xField}|속성 값, 또는 'x', 'name', 'label' 속성들 중 순서대로 값이 설정된 것이 x 값이 된다.|
|
|
2859
|
+
* |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
|
|
2860
|
+
* |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
|
|
2861
|
+
*
|
|
2862
|
+
* @css 'rct-histogram-series'
|
|
2649
2863
|
* @config chart.series[type=histogram]
|
|
2650
2864
|
*/
|
|
2651
2865
|
interface HistogramSeriesOptions extends SeriesOptions {
|
|
@@ -2665,8 +2879,8 @@ interface HistogramSeriesOptions extends SeriesOptions {
|
|
|
2665
2879
|
declare const ArearangeSeriesType = "arearange";
|
|
2666
2880
|
/**
|
|
2667
2881
|
* AreaRange 시리즈.<br/>
|
|
2882
|
+
* {@page op.SeriesOptions#type}은 'arearange'이다.<br/>
|
|
2668
2883
|
*
|
|
2669
|
-
* <br/>
|
|
2670
2884
|
* {@page data}는 아래 형식들로 전달할 수 있다.<br/>
|
|
2671
2885
|
* [주의] 데이터포인트 구성에 필요한 모든 값을 제공해야 한다.
|
|
2672
2886
|
*
|
|
@@ -2734,11 +2948,12 @@ interface LollipopSeriesMarkerOptions extends SeriesMarkerOptions {
|
|
|
2734
2948
|
declare const LollipopSeriesType = "lollipop";
|
|
2735
2949
|
/**
|
|
2736
2950
|
* Lollipop(막대 사탕) 시리즈.<br/>
|
|
2951
|
+
* {@page op.SeriesOptions#type}은 'lollipop'이다.<br/>
|
|
2737
2952
|
* 기능적으로는 bar 시리즈와 동일하지만, 대부분의 데이터포인트 값들이 최대값에 가까운 곳에 몰려 있는 경우에
|
|
2738
2953
|
* 활용 가능하다. bar 시리즈 표현하면 시각적으로 구분하기 쉽지 않기 때문이다.
|
|
2739
|
-
* 특히, bar가 겹치더라도 데이터포인트들이 쉽게 구분된다.<br
|
|
2954
|
+
* 특히, bar가 겹치더라도 데이터포인트들이 쉽게 구분된다.<br/>
|
|
2740
2955
|
*
|
|
2741
|
-
* {@page data}는 아래 형식들로 전달할 수
|
|
2956
|
+
* {@page data}는 아래 형식들로 전달할 수 있다.
|
|
2742
2957
|
*
|
|
2743
2958
|
* ###### 단일값 또는 단일값 배열
|
|
2744
2959
|
* |형식|설명|
|
|
@@ -2764,11 +2979,12 @@ interface LollipopSeriesOptions extends BasedSeriesOptions {
|
|
|
2764
2979
|
declare const OhlcSeriesType = "ohlc";
|
|
2765
2980
|
/**
|
|
2766
2981
|
* Ohlc 시리즈.<br/>
|
|
2982
|
+
* {@page op.SeriesOptions#type}은 'ohlc'이다.<br/>
|
|
2767
2983
|
* 시가-고가-저가-종가 차트.
|
|
2768
|
-
* 시간 경과에 따른 가격의 움직임을 설명하는 데 사용된다.<br
|
|
2984
|
+
* 시간 경과에 따른 가격의 움직임을 설명하는 데 사용된다.<br/>
|
|
2769
2985
|
*
|
|
2770
|
-
* {@page data}는 아래 형식들로 전달할 수
|
|
2771
|
-
* [주의] 데이터포인트 구성에 필요한 모든 값을 제공하지 않으면 null이
|
|
2986
|
+
* {@page data}는 아래 형식들로 전달할 수 있다.<br/>
|
|
2987
|
+
* [주의] 데이터포인트 구성에 필요한 모든 값을 제공하지 않으면 null이 된다.<br/>
|
|
2772
2988
|
* [주의] high와 y값은 동일한 값이다.
|
|
2773
2989
|
*
|
|
2774
2990
|
* ###### 단일값 또는 단일값 배열
|
|
@@ -2798,8 +3014,26 @@ interface OhlcSeriesOptions extends CandlestickSeriesOptions {
|
|
|
2798
3014
|
declare const ParetoSeriesType = "pareto";
|
|
2799
3015
|
/**
|
|
2800
3016
|
* Pareto 시리즈<br/>
|
|
3017
|
+
* {@page op.SeriesOptions#type}은 'pareto'이다.<br/>
|
|
2801
3018
|
* 참조하는 원본 시리즈의 누적 비율을 표시한다.<br/>
|
|
2802
3019
|
* {@page source}로 지정된 시리즈의 데이터포인트 값들로 부터 누적 포인트들을 계산해서 표시한다.
|
|
3020
|
+
*
|
|
3021
|
+
* {@page data}는 아래 형식들로 전달할 수 있다.
|
|
3022
|
+
*
|
|
3023
|
+
* ###### 단일값 또는 단일값 배열
|
|
3024
|
+
* |형식|설명|
|
|
3025
|
+
* |---|---|
|
|
3026
|
+
* |y|단일 숫자면 y값. x 값은 순서에 따라 자동 결정.|
|
|
3027
|
+
* |[]|빈 배열이면 null. x 값은 순서에 따라 자동 결정.|
|
|
3028
|
+
* |[y]|값 하나인 배열이면 y값. x 값은 순서에 따라 자동 결정.|
|
|
3029
|
+
* |[x, y,]|두 값 이상이면 순서대로 x, y값.<br/> 또는 {@page xField} 속성이 숫자이면 x값의 index. {@page yField}는 y값의 index.<br/>{@page colorField}는 color값의 index.|
|
|
3030
|
+
*
|
|
3031
|
+
* ###### json 배열
|
|
3032
|
+
* |Series 속성|설명 |
|
|
3033
|
+
* |---|---|
|
|
3034
|
+
* |{@page xField}|속성 값, 또는 'x', 'name', 'label' 속성들 중 순서대로 값이 설정된 것이 x 값이 된다.|
|
|
3035
|
+
* |{@page yField}|속성 값, 또는 'y', 'value' 속성들 중 순서대로 값이 설정된 것이 y 값이 된다.|
|
|
3036
|
+
* |{@page colorField}|속성 값, 또는 'color' 속성 값으로 데이터포인트의 개별 색상으로 지정된다.|
|
|
2803
3037
|
*
|
|
2804
3038
|
* @config chart.series[type=pareto]
|
|
2805
3039
|
*/
|
|
@@ -2820,37 +3054,41 @@ interface ParetoSeriesOptions extends LineSeriesBaseOptions {
|
|
|
2820
3054
|
curved?: boolean;
|
|
2821
3055
|
}
|
|
2822
3056
|
/**
|
|
2823
|
-
*
|
|
2824
|
-
*
|
|
2825
|
-
*
|
|
2826
|
-
*
|
|
3057
|
+
* {@page config.sereies.pie 'pie'} 시리즈와 같은 원형 시리즈에 대한 설정 옵션<br/>
|
|
3058
|
+
* 직교 좌표계가 표시된 경우, {@page config.body body} 영역을 기준으로
|
|
3059
|
+
* {@link size}, {@link centerX}, {@link centerY}가 적용된다.<br/>
|
|
3060
|
+
* //TODO: 현재 PieSeris만 계승하고 있다. 추후 PieSeries에 합칠 것.
|
|
2827
3061
|
*/
|
|
2828
3062
|
interface RadialSeriesOptions extends WidgetSeriesOptions {
|
|
2829
3063
|
/**
|
|
2830
|
-
* 시리즈 원호의
|
|
2831
|
-
* 픽셀 크기나
|
|
3064
|
+
* 시리즈 원호의 반지름.<br/>
|
|
3065
|
+
* 픽셀 크기나 {@page config.body body} 영역 크기에 대한 상대적 크기로 지정할 수 있다.
|
|
2832
3066
|
* '50%'로 지정하면 plot 영역의 width나 height중 작은 크기와 동일한 반지름으로 표시된다.
|
|
2833
3067
|
*
|
|
3068
|
+
* @default '40%
|
|
2834
3069
|
*/
|
|
2835
3070
|
radius?: PercentSize;
|
|
2836
3071
|
/**
|
|
2837
|
-
* 시리즈 원호 시작
|
|
3072
|
+
* 시리즈 원호 시작 각도.<br/>
|
|
2838
3073
|
* 지정하지 않거나 잘못된 값이면 0으로 계산된다.
|
|
2839
3074
|
* 0은 시계의 12시 위치다.
|
|
2840
3075
|
*
|
|
3076
|
+
* @default 0
|
|
2841
3077
|
*/
|
|
2842
3078
|
startAngle?: number;
|
|
2843
3079
|
/**
|
|
2844
|
-
* 시리즈 원호 전체
|
|
3080
|
+
* 시리즈 원호 전체 각도.<br/>
|
|
2845
3081
|
* 0 ~ 360 사이의 값으로 지정해야 한다.
|
|
2846
3082
|
* 범위를 벗어난 값은 범위 안으로 조정된다.
|
|
2847
3083
|
* 지정하지 않거나 잘못된 값이면 360으로 계산된다.
|
|
2848
3084
|
*
|
|
3085
|
+
* @default 360
|
|
2849
3086
|
*/
|
|
2850
3087
|
totalAngle?: number;
|
|
2851
3088
|
/**
|
|
2852
|
-
* true면 시계 방향으로
|
|
3089
|
+
* true면 시계 방향으로 회전한다.<br/>
|
|
2853
3090
|
*
|
|
3091
|
+
* @default true
|
|
2854
3092
|
*/
|
|
2855
3093
|
clockwise?: boolean;
|
|
2856
3094
|
}
|
|
@@ -2866,9 +3104,10 @@ interface PieSeriesLabelOptions extends DataPointLabelOptions {
|
|
|
2866
3104
|
declare const PieSeriesType = "pie";
|
|
2867
3105
|
/**
|
|
2868
3106
|
* Pie 시리즈<br/>
|
|
3107
|
+
* {@page op.SeriesOptions#type}은 'pie'이다.<br/>
|
|
2869
3108
|
* 모든 데이터포인트 값들의 합에 대한 데이터포인트의 상대적 값 비율을 원호로 표시한다.<br/>
|
|
2870
3109
|
*
|
|
2871
|
-
* {@page data}는 아래 형식들로 전달할 수
|
|
3110
|
+
* {@page data}는 아래 형식들로 전달할 수 있다.
|
|
2872
3111
|
*
|
|
2873
3112
|
* ###### 단일값 또는 단일값 배열
|
|
2874
3113
|
* |형식|설명|
|
|
@@ -2939,9 +3178,10 @@ interface PieSeriesOptions extends RadialSeriesOptions {
|
|
|
2939
3178
|
declare const ScatterSeriesType = "scatter";
|
|
2940
3179
|
/**
|
|
2941
3180
|
* Scatter 시리즈.<br/>
|
|
2942
|
-
*
|
|
3181
|
+
* {@page op.SeriesOptions#type}은 'scatter'이다.<br/>
|
|
3182
|
+
* 데이터포인트를 shape로 표시되는 점 하나로 표시한다.<br/>
|
|
2943
3183
|
*
|
|
2944
|
-
* {@page data}는 아래 형식들로 전달할 수
|
|
3184
|
+
* {@page data}는 아래 형식들로 전달할 수 있다.
|
|
2945
3185
|
*
|
|
2946
3186
|
* ###### 단일값 또는 단일값 배열
|
|
2947
3187
|
* |형식|설명|
|
|
@@ -3028,7 +3268,8 @@ declare const _TreemapAlgorithm: {
|
|
|
3028
3268
|
type TreemapAlgorithm = typeof _TreemapAlgorithm[keyof typeof _TreemapAlgorithm];
|
|
3029
3269
|
declare const TreemapSeriesType = "treemap";
|
|
3030
3270
|
/**
|
|
3031
|
-
*
|
|
3271
|
+
* Treemap 시리즈.<br/>
|
|
3272
|
+
* {@page op.SeriesOptions#type}은 'treemap'이다.<br/>
|
|
3032
3273
|
* 차트나 split pane에 하나의 treemap만 존재할 수 있다.<br/>
|
|
3033
3274
|
*
|
|
3034
3275
|
* //1. 본래 하드 드라이브의 파일 분포 상태를 표시하기 위해 고안됨.
|
|
@@ -3155,7 +3396,8 @@ type ArrowHead = typeof _ArrowHead[keyof typeof _ArrowHead];
|
|
|
3155
3396
|
declare const VectorSeriesType = "vector";
|
|
3156
3397
|
/**
|
|
3157
3398
|
* Vector 시리즈.<br/>
|
|
3158
|
-
*
|
|
3399
|
+
* {@page op.SeriesOptions#type}은 'vector'이다.<br/>
|
|
3400
|
+
* x, y로 지정된 데이터포인트에 길이과 방향을 갖는 화살표를 표시한다.<br/>
|
|
3159
3401
|
*
|
|
3160
3402
|
* {@page data}는 아래 형식들로 전달할 수 있다.<br/>
|
|
3161
3403
|
* [주의] 데이터포인트 구성에 필요한 모든 값을 제공하지 않으면 null이 된다.
|
|
@@ -3224,7 +3466,8 @@ interface RangedSeriesOptions extends ClusterableSeriesOptions {
|
|
|
3224
3466
|
declare const WaterfallSeriesType = "waterfall";
|
|
3225
3467
|
/**
|
|
3226
3468
|
* 폭포(Waterfall) 시리즈.<br/>
|
|
3227
|
-
*
|
|
3469
|
+
* {@page op.SeriesOptions#type}은 'waterfall'이다.<br/>
|
|
3470
|
+
* 순서대로 추가되는 증가/감소 값들의 누적 상태를 표시하는 데 사용된다.<br/>
|
|
3228
3471
|
*
|
|
3229
3472
|
* {@page data}는 아래 형식들로 전달할 수 있다.<br/>
|
|
3230
3473
|
*
|
|
@@ -3277,10 +3520,23 @@ type LineSeriesOptionsType = typeof LineSeriesTypes[keyof typeof LineSeriesTypes
|
|
|
3277
3520
|
type SeriesOptionsType = SeriesOptions | SeriesGroupOptions | BarRangeSeriesOptions | BarSeriesOptions | BarSeriesGroupOptions | BellCurveSeriesOptions | BoxPlotSeriesOptions | BubbleSeriesOptions | BumpSeriesGroupOptions | CandlestickSeriesOptions | CircleBarSeriesOptions | DumbbellSeriesOptions | EqualizerSeriesOptions | ErrorBarSeriesOptions | FunnelSeriesOptions | HeatmapSeriesOptions | HistogramSeriesOptions | AreaRangeSeriesOptions | AreaSeriesOptions | LineSeriesOptions | LineSeriesGroupOptions | SplineSeriesOptions | LollipopSeriesOptions | OhlcSeriesOptions | ParetoSeriesOptions | PieSeriesOptions | PieSeriesGroupOptions | ScatterSeriesOptions | TreemapSeriesOptions | VectorSeriesOptions | WaterfallSeriesOptions;
|
|
3278
3521
|
|
|
3279
3522
|
/**
|
|
3280
|
-
* 차트 제목(title) 설정
|
|
3523
|
+
* 차트 제목(title) 설정 옵션.<br/>
|
|
3281
3524
|
* 기본적으로 차트 중앙 상단에 표시되지만 {@page align}, {@page verticalAlign} 등으로 위치를 변경할 수 있다.<br/>
|
|
3525
|
+
* 별도 설정이 없으면 'Title' 문자열이 표시된다. 또, {@page config.subtitle 부제목}을 별도로 표시할 수 있다.
|
|
3526
|
+
*
|
|
3527
|
+
* ```js
|
|
3528
|
+
* const config = {
|
|
3529
|
+
* title: {
|
|
3530
|
+
* text: '2024 년간 자료 현황',
|
|
3531
|
+
* align: 'left',
|
|
3532
|
+
* ...
|
|
3533
|
+
* },
|
|
3534
|
+
* };
|
|
3535
|
+
* ```
|
|
3536
|
+
*
|
|
3282
3537
|
* {@page guide.title 타이틀 개요} 페이지를 참조한다.
|
|
3283
3538
|
*
|
|
3539
|
+
* @css 'rct-title'
|
|
3284
3540
|
* @config chart.title
|
|
3285
3541
|
*/
|
|
3286
3542
|
interface TitleOptions extends ChartItemOptions {
|
|
@@ -3365,10 +3621,23 @@ declare const _SubtitlePosition: {
|
|
|
3365
3621
|
};
|
|
3366
3622
|
type SubtitlePosition = typeof _SubtitlePosition[keyof typeof _SubtitlePosition];
|
|
3367
3623
|
/**
|
|
3368
|
-
* 차트 부제목(subtitle) 설정
|
|
3369
|
-
* 기본적으로
|
|
3370
|
-
*
|
|
3624
|
+
* 차트 부제목(subtitle) 설정 옵션.<br/>
|
|
3625
|
+
* 기본적으로 주제목(title)의 설정을 따르고, 몇가지 속성들이 추가된다.<br/>
|
|
3626
|
+
* 별도 설정이 없으면 표시되지 않는다.
|
|
3627
|
+
*
|
|
3628
|
+
* ```js
|
|
3629
|
+
* const config = {
|
|
3630
|
+
* title: {},
|
|
3631
|
+
* subtitle: {
|
|
3632
|
+
* visible: true,
|
|
3633
|
+
* text: '출처: UN Data, 2020',
|
|
3634
|
+
* },
|
|
3635
|
+
* };
|
|
3636
|
+
* ```
|
|
3371
3637
|
*
|
|
3638
|
+
* {@page guide.title 제목 개요} 페이지를 참조한다.
|
|
3639
|
+
*
|
|
3640
|
+
* @css 'rct-subtitle'
|
|
3372
3641
|
* @config chart.subtitle
|
|
3373
3642
|
*/
|
|
3374
3643
|
interface SubtitleOptions extends TitleOptions {
|
|
@@ -3396,11 +3665,22 @@ interface SubtitleOptions extends TitleOptions {
|
|
|
3396
3665
|
text?: string;
|
|
3397
3666
|
}
|
|
3398
3667
|
/**
|
|
3668
|
+
* 차트 전체에 영향을 미치는 옵션들.<br/>
|
|
3669
|
+
*
|
|
3670
|
+
* ```js
|
|
3671
|
+
* const config = {
|
|
3672
|
+
* options: {
|
|
3673
|
+
* theme: 'dark',
|
|
3674
|
+
* },
|
|
3675
|
+
* };
|
|
3676
|
+
* ```
|
|
3677
|
+
*
|
|
3399
3678
|
* @config chart.options
|
|
3400
3679
|
*/
|
|
3401
3680
|
interface ChartOptionsOptions extends ChartItemOptions {
|
|
3402
3681
|
/**
|
|
3403
|
-
* theme
|
|
3682
|
+
* theme 이름.<br/>
|
|
3683
|
+
* **realreport-style.css**에 기본 theme이 정의되어 있다.
|
|
3404
3684
|
*/
|
|
3405
3685
|
theme?: string;
|
|
3406
3686
|
/**
|
|
@@ -3424,6 +3704,27 @@ interface ChartOptionsOptions extends ChartItemOptions {
|
|
|
3424
3704
|
* @default true
|
|
3425
3705
|
*/
|
|
3426
3706
|
animatable?: boolean;
|
|
3707
|
+
/**
|
|
3708
|
+
* javascript에서 숫자 단위로 전달되는 날짜값은 기본적으로 local이 아니라 new Date 기준이다.
|
|
3709
|
+
* 그러므로 보통 숫자로 지정된 날짜값은 utc 값이다.
|
|
3710
|
+
* local 기준으로 표시하기 위해, 숫자로 지정된 날짜값에 더해야 하는 시간을 분단위로 지정한다.<br/>
|
|
3711
|
+
* ex) 한국은 -9 * 60
|
|
3712
|
+
*
|
|
3713
|
+
* 명시적으로 지정하지 않으면 현재 위치에 따른 값으로 자동 설정된다.<br/>
|
|
3714
|
+
* [주의] 차트 로딩 후 변경할 수 없다.
|
|
3715
|
+
*
|
|
3716
|
+
* @default 지역 시간의 timezone offset.
|
|
3717
|
+
*/
|
|
3718
|
+
timeOffset?: number;
|
|
3719
|
+
/**
|
|
3720
|
+
* 한 주의 시작 요일.<br/>
|
|
3721
|
+
* ex) 0: 일요일, 1: 월요일
|
|
3722
|
+
*
|
|
3723
|
+
* [주의] 차트 로딩 후 변경할 수 없다.
|
|
3724
|
+
*
|
|
3725
|
+
* @default 0
|
|
3726
|
+
*/
|
|
3727
|
+
startOfWeek?: number;
|
|
3427
3728
|
/**
|
|
3428
3729
|
* x축 값이 설정되지 않은 시리즈 첫번째 데이터 point에 설정되는 x값.<br/>
|
|
3429
3730
|
* 이 후에는 {@page xStep}씩 증가시키면서 설정한다.
|
|
@@ -3478,53 +3779,65 @@ interface ZoomButtonOptions extends ChartItemOptions {
|
|
|
3478
3779
|
visible?: boolean;
|
|
3479
3780
|
}
|
|
3480
3781
|
/**
|
|
3481
|
-
* 시리즈 및 게이지들이
|
|
3482
|
-
* 설정 모델 등에서 'body'로 접근한다.
|
|
3782
|
+
* 시리즈 및 게이지들이 표시되는 영역 설정 옵션.<br/>
|
|
3483
3783
|
*
|
|
3784
|
+
* ```js
|
|
3785
|
+
* const chart = {
|
|
3786
|
+
* body: {
|
|
3787
|
+
* radius: '40%',
|
|
3788
|
+
* circular: false,
|
|
3789
|
+
* },
|
|
3790
|
+
* };
|
|
3791
|
+
* ```
|
|
3792
|
+
*
|
|
3793
|
+
* @css 'rct-body'
|
|
3484
3794
|
* @config chart.body
|
|
3485
3795
|
*/
|
|
3486
3796
|
interface BodyOptions extends ChartItemOptions {
|
|
3487
3797
|
/**
|
|
3488
|
-
*
|
|
3489
|
-
* @default undefined
|
|
3490
|
-
*/
|
|
3491
|
-
visible?: boolean;
|
|
3492
|
-
/**
|
|
3493
|
-
* 차트가 극좌표(polar)일 때 반지름.
|
|
3798
|
+
* 차트가 극좌표(polar)일 때 반지름.<br/>
|
|
3494
3799
|
*
|
|
3800
|
+
* @default '45%'
|
|
3495
3801
|
*/
|
|
3496
3802
|
radius?: PercentSize;
|
|
3497
3803
|
/**
|
|
3498
|
-
* 차트가 극좌표(polar)일 때 중심 x
|
|
3804
|
+
* 차트가 극좌표(polar)일 때 중심 x 좌표.<br/>
|
|
3499
3805
|
*
|
|
3806
|
+
* @default '50%'
|
|
3500
3807
|
*/
|
|
3501
3808
|
centerX?: PercentSize;
|
|
3502
3809
|
/**
|
|
3503
|
-
* 차트가 극좌표(polar)일 때 중심 y
|
|
3810
|
+
* 차트가 극좌표(polar)일 때 중심 y 좌표.<br/>
|
|
3504
3811
|
*
|
|
3812
|
+
* @default '50%'
|
|
3505
3813
|
*/
|
|
3506
3814
|
centerY?: PercentSize;
|
|
3507
3815
|
/**
|
|
3508
|
-
* false이면 polar 차트일 때, x 축선과 y축 그리드 선들을 다각형으로
|
|
3816
|
+
* false이면 polar 차트일 때, x 축선과 y축 그리드 선들을 다각형으로 표시한다.<br/>
|
|
3509
3817
|
*
|
|
3818
|
+
* @default true
|
|
3510
3819
|
*/
|
|
3511
3820
|
circular?: boolean;
|
|
3512
3821
|
/**
|
|
3513
|
-
* 배경 이미지 설정
|
|
3514
|
-
*
|
|
3822
|
+
* 배경 이미지 설정 옵션.<br/>
|
|
3515
3823
|
*/
|
|
3516
3824
|
image?: BackgroundImageOptions;
|
|
3517
3825
|
/**
|
|
3518
3826
|
* plot 영역 마우스 드래깅을 통한 zooming 방식.
|
|
3519
3827
|
*
|
|
3828
|
+
* @default 'none'
|
|
3520
3829
|
*/
|
|
3521
3830
|
zoomType?: 'none' | 'x' | 'y' | 'both';
|
|
3522
3831
|
/**
|
|
3523
|
-
* Zoom 리셋 버튼 설정
|
|
3524
|
-
*
|
|
3832
|
+
* Zoom 리셋 버튼 설정 옵션.<br/>
|
|
3525
3833
|
*/
|
|
3526
3834
|
zoomButton?: ZoomButtonOptions;
|
|
3527
|
-
|
|
3835
|
+
/**
|
|
3836
|
+
* body 영역 내에 표시되는 어노테이션 옵션.<br/>
|
|
3837
|
+
* 옵션 객체 또는 옵션 객체 배열로 여러 어노테이션을 설정할 수 있다.<br/>
|
|
3838
|
+
* [주의] 이전 버전의 설정을 로드하기 위해, 이 속성이 지정되지 않고 'annotations' 설정이 존재하면 load 후 이 속성으로 설정한다.
|
|
3839
|
+
*/
|
|
3840
|
+
annotation?: AnnotationOptionsType | AnnotationOptionsType[];
|
|
3528
3841
|
}
|
|
3529
3842
|
interface PaneBodyOptions$1 extends BodyOptions {
|
|
3530
3843
|
}
|
|
@@ -3602,26 +3915,77 @@ interface SeriesNavigatorOptions extends ChartItemOptions {
|
|
|
3602
3915
|
gapFar?: number;
|
|
3603
3916
|
}
|
|
3604
3917
|
/**
|
|
3605
|
-
* 차트 개발 제작자 등을 표시하는
|
|
3606
|
-
*
|
|
3918
|
+
* 차트 개발 제작자 등을 표시하는 크레딧 영역 설정 옵션.<br/>
|
|
3919
|
+
* 기본적으로 오른쪽 아래 모서리에 RealChart 버전을 작게 표시한다.<br/>
|
|
3920
|
+
*
|
|
3921
|
+
* ```js
|
|
3922
|
+
* const config = {
|
|
3923
|
+
* options: {
|
|
3924
|
+
* credits: {
|
|
3925
|
+
* text: 'UN Data',
|
|
3926
|
+
* url: 'https://data.un.org'
|
|
3927
|
+
* },
|
|
3928
|
+
* },
|
|
3929
|
+
* };
|
|
3930
|
+
* ```
|
|
3931
|
+
*
|
|
3932
|
+
* ***className *** 'rct-credits'
|
|
3607
3933
|
*/
|
|
3608
3934
|
interface CreditsOptions extends ChartItemOptions {
|
|
3609
3935
|
/**
|
|
3610
|
-
* 제작자 이름 등 표시
|
|
3936
|
+
* 제작자 이름 등 표시 텍스트.<br/>
|
|
3937
|
+
*
|
|
3938
|
+
* @default 'RealChart v1.0'
|
|
3611
3939
|
*/
|
|
3612
3940
|
text?: string;
|
|
3613
3941
|
/**
|
|
3614
|
-
* 영역을 클릭했을
|
|
3942
|
+
* 영역을 클릭했을 때, 이 속성에 지정한 곳으로 새 페이지를 연다.<br/>
|
|
3943
|
+
*
|
|
3944
|
+
* @default 'https://realchart.co.kr'
|
|
3615
3945
|
*/
|
|
3616
3946
|
url?: string;
|
|
3617
3947
|
/**
|
|
3618
|
-
* true로 지정하면 별도의 영역을 차지하지 않고 차트 본체 내부에
|
|
3948
|
+
* true로 지정하면 별도의 영역을 차지하지 않고 차트 본체 내부에 위치한다.<br/>
|
|
3949
|
+
* {@page align}이 'center'이고 {@page verticalAlign}이 'middle'일 때도
|
|
3950
|
+
* 본체 내부에 표시된다.
|
|
3951
|
+
*
|
|
3952
|
+
* @default false
|
|
3619
3953
|
*/
|
|
3620
3954
|
floating?: boolean;
|
|
3955
|
+
/**
|
|
3956
|
+
* 차트 영역 내에서 credits의 수평 정렬.<br/>
|
|
3957
|
+
*
|
|
3958
|
+
* @default 'right'
|
|
3959
|
+
*/
|
|
3621
3960
|
align?: Align;
|
|
3961
|
+
/**
|
|
3962
|
+
* 차트 영역 내에서 credits의 수직 정렬.<br/>
|
|
3963
|
+
*
|
|
3964
|
+
* @default 'bottom'
|
|
3965
|
+
*/
|
|
3622
3966
|
verticalAlign?: VerticalAlign;
|
|
3967
|
+
/**
|
|
3968
|
+
* 설정에 따라 정해진 표시 위치에서 떨어진 수평 간격.<br/>
|
|
3969
|
+
* {@page floating}이 true가 아니고,
|
|
3970
|
+
* 오른쪽 중앙에 표시되는 경우에는 credits 표시 영역 계산 시 너비에 포함된다.
|
|
3971
|
+
*
|
|
3972
|
+
* @default 2
|
|
3973
|
+
*/
|
|
3623
3974
|
offsetX?: number;
|
|
3975
|
+
/**
|
|
3976
|
+
* 설정에 따라 정해진 표시 위치에서 떨어진 수직 간격.<br/>
|
|
3977
|
+
* {@page floating}이 true가 아니고,
|
|
3978
|
+
* 중앙에 표시되는 경우가 아니면 credits 표시 영역 계산 시 높이에 포함된다.
|
|
3979
|
+
*
|
|
3980
|
+
* @default 1
|
|
3981
|
+
*/
|
|
3624
3982
|
offsetY?: number;
|
|
3983
|
+
/**
|
|
3984
|
+
* {@link floating}이 true가 아니고, 오른쪽 아래 또는 오른쪽 가운데에 표시될 때,
|
|
3985
|
+
* 차튼 나머지 영역과의 간격.<br/>
|
|
3986
|
+
*
|
|
3987
|
+
* @default 4
|
|
3988
|
+
*/
|
|
3625
3989
|
gap?: number;
|
|
3626
3990
|
}
|
|
3627
3991
|
/**
|
|
@@ -3661,8 +4025,7 @@ declare const _PointHoverScope: {
|
|
|
3661
4025
|
};
|
|
3662
4026
|
type PointHoverScope = typeof _PointHoverScope[keyof typeof _PointHoverScope];
|
|
3663
4027
|
/**
|
|
3664
|
-
* 데이터포인트에 마우수가 올라갈 때 처리하는 방식 설정
|
|
3665
|
-
*
|
|
4028
|
+
* 데이터포인트에 마우수가 올라갈 때 처리하는 방식 설정 옵션.<br/>
|
|
3666
4029
|
*/
|
|
3667
4030
|
interface PointHoveringOptions extends ChartItemOptions {
|
|
3668
4031
|
/**
|
|
@@ -3698,8 +4061,9 @@ declare const _TooltipScope: {
|
|
|
3698
4061
|
};
|
|
3699
4062
|
type TooltipScope = typeof _TooltipScope[keyof typeof _TooltipScope];
|
|
3700
4063
|
/**
|
|
3701
|
-
*
|
|
4064
|
+
* 데이터포인트 tooltip 설정 옵션.<br/>
|
|
3702
4065
|
*
|
|
4066
|
+
* @css 'rct-tooltip'
|
|
3703
4067
|
* @config chart.tooltip
|
|
3704
4068
|
*/
|
|
3705
4069
|
interface TooltipOptions extends ChartItemOptions {
|
|
@@ -4034,6 +4398,7 @@ declare class TextElement extends RcElement {
|
|
|
4034
4398
|
setContrast(target: Element, darkStyle: SVGStyleOrClass, brightStyle: SVGStyleOrClass): TextElement;
|
|
4035
4399
|
clearDom(): void;
|
|
4036
4400
|
setStyles(styles: any): boolean;
|
|
4401
|
+
applyStyles(styles: any): void;
|
|
4037
4402
|
setStyle(prop: string, value: string): boolean;
|
|
4038
4403
|
getBBox(): IRect;
|
|
4039
4404
|
getBBoundsTest(): IRect;
|
|
@@ -4087,8 +4452,8 @@ declare class SvgRichText {
|
|
|
4087
4452
|
}
|
|
4088
4453
|
|
|
4089
4454
|
/**
|
|
4090
|
-
* {@page Series 시리즈}, {@page rc.Axis 축}, {@page rc.Legend legend}
|
|
4091
|
-
* {@page updateOptions}등의 공통 메소드들이
|
|
4455
|
+
* {@page Series 시리즈}, {@page rc.Axis 축}, {@page rc.Legend legend} 등, 차트 구성 요소 모델들의 기반 클래스.<br/>
|
|
4456
|
+
* {@page updateOptions}등의 공통 메소드들이 구현되어 있다.
|
|
4092
4457
|
*/
|
|
4093
4458
|
declare class ChartItem<OP extends ChartItemOptions = ChartItemOptions> extends RcObject {
|
|
4094
4459
|
static readonly REFRESHED = "refreshed";
|
|
@@ -4289,6 +4654,11 @@ declare abstract class ChartItemCollection<T extends ChartItem> {
|
|
|
4289
4654
|
abstract load(src: any, inBody?: boolean): void;
|
|
4290
4655
|
updateOptions(source: any, render: boolean): void;
|
|
4291
4656
|
}
|
|
4657
|
+
/**
|
|
4658
|
+
* {@page rc.Title 타이틀}, {@page rc.DataPointLabel 데이터포인트 라벨} 등,
|
|
4659
|
+
* 차트에 표시되는 텍스트 설정 모델들의 기반 클래스.<br/>
|
|
4660
|
+
* 설정 {@link options} 모델은 {@page op.ChartTextOptions}이다.
|
|
4661
|
+
*/
|
|
4292
4662
|
declare abstract class ChartText<OP extends ChartTextOptions> extends ChartItem<OP> {
|
|
4293
4663
|
static defaults: ChartTextOptions;
|
|
4294
4664
|
private _outlineThickness;
|
|
@@ -4303,14 +4673,21 @@ declare abstract class ChartText<OP extends ChartTextOptions> extends ChartItem<
|
|
|
4303
4673
|
private _setNumberSymbols;
|
|
4304
4674
|
private _setNumberFormat;
|
|
4305
4675
|
private _setText;
|
|
4676
|
+
/** @internal */
|
|
4306
4677
|
setText(value: string): void;
|
|
4678
|
+
/** @internal */
|
|
4307
4679
|
buildSvg(view: TextElement, outline: TextElement, maxWidth: number, maxHeight: number, target: any, domain: IRichTextDomain): void;
|
|
4680
|
+
/** @internal */
|
|
4308
4681
|
prepareRich(text: string): void;
|
|
4309
4682
|
protected _doSetSimple(src: any): boolean;
|
|
4310
4683
|
protected _doApply(options: ChartTextOptions): void;
|
|
4311
4684
|
private $_getNumberText;
|
|
4312
4685
|
protected _getText(text: string, value: any, useSymbols: boolean, forceSymbols: boolean): string;
|
|
4313
4686
|
}
|
|
4687
|
+
/**
|
|
4688
|
+
* 텍스트 주위에 이미지 아이콘이 표시되는 {@link rc.ChartText 차트 텍스트} 모델.<br/>
|
|
4689
|
+
* 설정 {@link options} 모델은 {@page op.IconedTextOptions}이다.
|
|
4690
|
+
*/
|
|
4314
4691
|
declare abstract class IconedText<OP extends IconedTextOptions = IconedTextOptions> extends ChartText<OP> {
|
|
4315
4692
|
static defaults: IconedTextOptions;
|
|
4316
4693
|
private _images;
|
|
@@ -4397,6 +4774,7 @@ type LegendLocation = typeof _LegendLocation[keyof typeof _LegendLocation];
|
|
|
4397
4774
|
* 따로 지정하지 않으면 시리즈가 둘 이상 포함돼야 legend가 표시된다.<br/>
|
|
4398
4775
|
* {@page guide.legend 범례 개요} 페이지를 참조한다.
|
|
4399
4776
|
*
|
|
4777
|
+
* @css 'rct-legend' legend 기본 class.
|
|
4400
4778
|
* @config chart.legend
|
|
4401
4779
|
*/
|
|
4402
4780
|
interface LegendOptions extends ChartItemOptions {
|
|
@@ -4599,8 +4977,8 @@ interface ITooltipOwner {
|
|
|
4599
4977
|
getTooltipContext(level: TooltipScope, series: ISeries, point: DataPoint): ITooltipContext;
|
|
4600
4978
|
}
|
|
4601
4979
|
/**
|
|
4602
|
-
* Tooltip
|
|
4603
|
-
* 설정 {@link options}
|
|
4980
|
+
* Tooltip 모델.<br/>
|
|
4981
|
+
* 설정 {@link options}은 {@page op.TooltipOptions}이고,
|
|
4604
4982
|
* {@page config.tooltip} 항목으로 설정한다.
|
|
4605
4983
|
* ```js
|
|
4606
4984
|
* const config = {
|
|
@@ -4762,7 +5140,6 @@ interface ISeries extends IPlottingItem {
|
|
|
4762
5140
|
displayName(): string;
|
|
4763
5141
|
initPoints(source: any[]): DataPoint[];
|
|
4764
5142
|
getPoints(): DataPointCollection;
|
|
4765
|
-
isVisible(p: DataPoint): boolean;
|
|
4766
5143
|
followPointer(): boolean;
|
|
4767
5144
|
isMarker(): boolean;
|
|
4768
5145
|
}
|
|
@@ -4927,7 +5304,6 @@ declare abstract class Series<OP extends SeriesOptions = SeriesOptions> extends
|
|
|
4927
5304
|
private $_prepareViewRanges;
|
|
4928
5305
|
pointValuesPrepared(axis: IAxis): void;
|
|
4929
5306
|
reference(other: Series, axis: IAxis): void;
|
|
4930
|
-
isVisible(point: DataPoint): boolean;
|
|
4931
5307
|
getLegendSources(list: ILegendSource[]): void;
|
|
4932
5308
|
getLabelPosition(p: PointItemPosition): PointItemPosition;
|
|
4933
5309
|
getLabelOff(off: number): number;
|
|
@@ -4936,7 +5312,7 @@ declare abstract class Series<OP extends SeriesOptions = SeriesOptions> extends
|
|
|
4936
5312
|
protected _createPointArgs(): DataPointCallbackArgs;
|
|
4937
5313
|
protected _preparePointArgs(args: DataPointCallbackArgs): void;
|
|
4938
5314
|
protected _getPointCallbackArgs(args: DataPointCallbackArgs, p: DataPoint): void;
|
|
4939
|
-
getPointText(p: DataPoint, label: any): string;
|
|
5315
|
+
getPointText(p: DataPoint, index: number, label: any): string;
|
|
4940
5316
|
getPointStyle(p: DataPoint): any;
|
|
4941
5317
|
getPointLabelStyle(p: DataPoint): any;
|
|
4942
5318
|
pointClicked(p: DataPoint): boolean;
|
|
@@ -5049,6 +5425,7 @@ declare abstract class Series<OP extends SeriesOptions = SeriesOptions> extends
|
|
|
5049
5425
|
protected _doPrepareRender(): void;
|
|
5050
5426
|
protected _setViewRange(p: DataPoint, axis: 'x' | 'y' | 'z'): void;
|
|
5051
5427
|
_defViewRangeValue(): 'x' | 'y' | 'z';
|
|
5428
|
+
protected _canSort(): boolean;
|
|
5052
5429
|
}
|
|
5053
5430
|
type PlottingItem = Series | SeriesGroup;
|
|
5054
5431
|
/**
|
|
@@ -5120,10 +5497,8 @@ declare abstract class WidgetSeries<OP extends WidgetSeriesOptions = {}> extends
|
|
|
5120
5497
|
canMaxPadding(axis: IAxis, max: number): boolean;
|
|
5121
5498
|
}
|
|
5122
5499
|
/**
|
|
5123
|
-
* 직교 좌표계가 표시된 경우, plot area 영역을 기준으로 size, centerX, centerY가
|
|
5124
|
-
*
|
|
5125
|
-
* TODO: 현재 PieSeris만 계승하고 있다. 추후 PieSeries에 합칠 것.
|
|
5126
|
-
*
|
|
5500
|
+
* 직교 좌표계가 표시된 경우, plot area 영역을 기준으로 size, centerX, centerY가 적용된다.<br/>
|
|
5501
|
+
* //TODO: 현재 PieSeris만 계승하고 있다. 추후 PieSeries에 합칠 것.
|
|
5127
5502
|
*/
|
|
5128
5503
|
declare abstract class RadialSeries<OP extends RadialSeriesOptions = RadialSeriesOptions> extends WidgetSeries<OP> {
|
|
5129
5504
|
static defaults: RadialSeriesOptions;
|
|
@@ -5311,7 +5686,8 @@ declare abstract class DataPoint {
|
|
|
5311
5686
|
assignTo(proxy?: any): any;
|
|
5312
5687
|
getProp(fld: string | number): any;
|
|
5313
5688
|
parse(series: ISeries): void;
|
|
5314
|
-
|
|
5689
|
+
getPointLabel(index: number): any;
|
|
5690
|
+
getPointText(index: number): string;
|
|
5315
5691
|
swap(): void;
|
|
5316
5692
|
updateValues(series: ISeries, values: any): any;
|
|
5317
5693
|
getTooltip(param: string): any;
|
|
@@ -5364,10 +5740,12 @@ declare class DataPointCollection {
|
|
|
5364
5740
|
declare class RangedPoint extends DataPoint {
|
|
5365
5741
|
low: any;
|
|
5366
5742
|
lowValue: number;
|
|
5743
|
+
lowLabel: any;
|
|
5367
5744
|
get high(): number;
|
|
5368
5745
|
get highValue(): number;
|
|
5369
5746
|
labelCount(): number;
|
|
5370
|
-
|
|
5747
|
+
getPointLabel(index: number): any;
|
|
5748
|
+
getPointText(index: number): any;
|
|
5371
5749
|
protected _assignTo(proxy: any): any;
|
|
5372
5750
|
protected _valuesChangd(prev: any): boolean;
|
|
5373
5751
|
protected _readArray(series: LowRangedSeries, v: any[]): void;
|
|
@@ -5443,24 +5821,53 @@ interface IAxis {
|
|
|
5443
5821
|
isBreak(pos: number): boolean;
|
|
5444
5822
|
}
|
|
5445
5823
|
/**
|
|
5446
|
-
* {@page
|
|
5824
|
+
* 축 {@page AxisTitle 타이틀}, {@page AxisLink line}, {@page AxisTick tick} 등,
|
|
5825
|
+
* {@page Axis 축} 구성 요소 모델들의 기반(base) 클래스.<br/>
|
|
5447
5826
|
*/
|
|
5448
5827
|
declare abstract class AxisItem<OP extends AxisItemOptions> extends ChartItem<OP> {
|
|
5449
5828
|
readonly axis: Axis;
|
|
5450
5829
|
constructor(axis: Axis);
|
|
5451
5830
|
}
|
|
5452
5831
|
/**
|
|
5453
|
-
* 축 선(line)
|
|
5454
|
-
* {@page options} 모델은 {@page op.AxisLineOptions}
|
|
5832
|
+
* 축 선(line) 모델.<br/>
|
|
5833
|
+
* {@page options 옵션} 모델은 {@page op.AxisLineOptions}이고,
|
|
5834
|
+
* {@page config.base.axis.line 'line'} 항목으로 설정한다.
|
|
5835
|
+
*
|
|
5836
|
+
* ```js
|
|
5837
|
+
* const config = {
|
|
5838
|
+
* xAxis: {
|
|
5839
|
+
* line: {
|
|
5840
|
+
* style: {
|
|
5841
|
+
* stroke: 'red',
|
|
5842
|
+
* strokeDasharray: '4'
|
|
5843
|
+
* },
|
|
5844
|
+
* },
|
|
5845
|
+
* },
|
|
5846
|
+
* };
|
|
5847
|
+
* ```
|
|
5455
5848
|
*/
|
|
5456
|
-
declare class AxisLine extends AxisItem<
|
|
5849
|
+
declare class AxisLine<OP extends AxisLineOptions = AxisLineOptions> extends AxisItem<OP> {
|
|
5457
5850
|
static defaults: AxisLineOptions;
|
|
5458
5851
|
protected _isVisible(): boolean;
|
|
5459
5852
|
protected _doSetSimple(src: any): boolean;
|
|
5460
5853
|
}
|
|
5461
5854
|
/**
|
|
5462
|
-
* 축 타이틀
|
|
5463
|
-
* {@page options} 모델은 {@page op.AxisTitleOptions}
|
|
5855
|
+
* 축 타이틀 모델.<br/>
|
|
5856
|
+
* {@page options 옵션} 모델은 {@page op.AxisTitleOptions}이고,
|
|
5857
|
+
* {@page config.base.axis#title} 항목으로 설정한다.
|
|
5858
|
+
*
|
|
5859
|
+
* ```js
|
|
5860
|
+
* const config = {
|
|
5861
|
+
* xAxis: {
|
|
5862
|
+
* title: {
|
|
5863
|
+
* text: '서울시 년간 강우량',
|
|
5864
|
+
* style: {
|
|
5865
|
+
* fontSize: '30px',
|
|
5866
|
+
* },
|
|
5867
|
+
* },
|
|
5868
|
+
* },
|
|
5869
|
+
* };
|
|
5870
|
+
* ```
|
|
5464
5871
|
*/
|
|
5465
5872
|
declare class AxisTitle extends AxisItem<AxisTitleOptions> {
|
|
5466
5873
|
static defaults: AxisTitleOptions;
|
|
@@ -5501,7 +5908,7 @@ declare class AxisGridRows extends AxisItem<AxisGridRowsOptions> {
|
|
|
5501
5908
|
* Axis tick의 위치에 수평 혹은 수직선으로 plot 영역을 구분 표시한다.<br/>
|
|
5502
5909
|
* {@page visible} 기본값이 undefined인데,
|
|
5503
5910
|
* visible이 undefined나 null로 지정되면, 축 위치에 따라 visible 여부가 결정된다.
|
|
5504
|
-
* {@page options} 모델은 {@page op.AxisGridOptions}이다.
|
|
5911
|
+
* {@page options 옵션} 모델은 {@page op.AxisGridOptions}이다.
|
|
5505
5912
|
*/
|
|
5506
5913
|
declare abstract class AxisGrid<OP extends AxisGridOptions = AxisGridOptions> extends AxisItem<OP> {
|
|
5507
5914
|
static defaults: AxisGridOptions;
|
|
@@ -5539,8 +5946,22 @@ declare abstract class AxisGuide<OP extends AxisGuideOptions = AxisGuideOptions>
|
|
|
5539
5946
|
canConstainedTo(row: number, col: number): boolean;
|
|
5540
5947
|
}
|
|
5541
5948
|
/**
|
|
5542
|
-
*
|
|
5543
|
-
*
|
|
5949
|
+
* 축 tick 표시 방식과 tick 위치 마다 표시되는 선(line) 등에 대한 모델들의 기반(base) 클래스.<br/>
|
|
5950
|
+
* 축 종류에 따라 다양한 설정 속성들이 존재한다.
|
|
5951
|
+
* {@page options 옵션} 모델은 {@page op.AxisTickOptions}이고,
|
|
5952
|
+
* {@page config.base.axis#tick 'tick'} 항목으로 설정한다.<br/>
|
|
5953
|
+
* 별도 설정이 없으면 표시되지 않는다.
|
|
5954
|
+
*
|
|
5955
|
+
* ```js
|
|
5956
|
+
* const config = {
|
|
5957
|
+
* xAxis: {
|
|
5958
|
+
* tick: {
|
|
5959
|
+
* visible: true,
|
|
5960
|
+
* length: 10
|
|
5961
|
+
* }
|
|
5962
|
+
* },
|
|
5963
|
+
* };
|
|
5964
|
+
* ```
|
|
5544
5965
|
*/
|
|
5545
5966
|
declare abstract class AxisTick<OP extends AxisTickOptions = AxisTickOptions> extends AxisItem<OP> {
|
|
5546
5967
|
static defaults: AxisTickOptions;
|
|
@@ -5548,8 +5969,22 @@ declare abstract class AxisTick<OP extends AxisTickOptions = AxisTickOptions> ex
|
|
|
5548
5969
|
protected _doSetSimple(src: any): boolean;
|
|
5549
5970
|
}
|
|
5550
5971
|
/**
|
|
5551
|
-
* 축 label
|
|
5552
|
-
* {@page options} 모델은 {@page op.AxisLabelOptions}
|
|
5972
|
+
* 축 label 모델.<br/>
|
|
5973
|
+
* {@page options 옵션} 모델은 {@page op.AxisLabelOptions}이고,
|
|
5974
|
+
* {@page config.base.axis.label 'label'} 항목으로 설정한다.
|
|
5975
|
+
*
|
|
5976
|
+
* ```js
|
|
5977
|
+
* const config = {
|
|
5978
|
+
* xAxis: {
|
|
5979
|
+
* label: {
|
|
5980
|
+
* rotation: -45,
|
|
5981
|
+
* style: {
|
|
5982
|
+
* fill: 'red',
|
|
5983
|
+
* },
|
|
5984
|
+
* },
|
|
5985
|
+
* },
|
|
5986
|
+
* };
|
|
5987
|
+
* ```
|
|
5553
5988
|
*
|
|
5554
5989
|
* //[겹치는 경우가 발생할 때]
|
|
5555
5990
|
* //1. step이 0보다 큰 값으로 설정되면 반영한다.
|
|
@@ -5580,9 +6015,20 @@ interface IAxisTick {
|
|
|
5580
6015
|
label: string;
|
|
5581
6016
|
}
|
|
5582
6017
|
/**
|
|
5583
|
-
* 축 스크롤바 모델.<br/>
|
|
5584
|
-
*
|
|
5585
|
-
* {@page options} 모델은 {@page op.AxisScrollBarOptions}
|
|
6018
|
+
* {@page rc.Axis 축} 스크롤바 모델.<br/>
|
|
6019
|
+
* 축이 {@page rc.Axis.isZoomed zoom} 상태일 때, 사용자가 스크롤 범위나 위치를 변경할 수 있다.<br/>
|
|
6020
|
+
* {@page options 옵션} 모델은 {@page op.AxisScrollBarOptions}이고,
|
|
6021
|
+
* {@page config.base.axis.scrollBar 'scrollBar'} 항목으로 설정한다.
|
|
6022
|
+
*
|
|
6023
|
+
* ```js
|
|
6024
|
+
* const config = {
|
|
6025
|
+
* xAxis: {
|
|
6026
|
+
* scrollBar: {
|
|
6027
|
+
* visible: true
|
|
6028
|
+
* },
|
|
6029
|
+
* },
|
|
6030
|
+
* };
|
|
6031
|
+
* ```
|
|
5586
6032
|
*/
|
|
5587
6033
|
declare class AxisScrollBar extends AxisItem<AxisScrollBarOptions> {
|
|
5588
6034
|
static defaults: AxisScrollBarOptions;
|
|
@@ -5608,14 +6054,29 @@ declare class AxisZoom {
|
|
|
5608
6054
|
resize(start: number, end: number, minSize: number): boolean;
|
|
5609
6055
|
}
|
|
5610
6056
|
/**
|
|
5611
|
-
* 부채꼴 polar 좌표계의 X
|
|
5612
|
-
* {@page
|
|
6057
|
+
* 전체 각도가 360도 보다 작은 부채꼴 {@page config.#polar} 좌표계의 X 축에서 원호의 양 끝과 중심에 연결되는 두 선분 모델.<br/>
|
|
6058
|
+
* {@page options 옵션} 모델은 {@page op.AxisSectorLineOptions}이고,
|
|
6059
|
+
* {@page config.base.axis#sectorLine 'sectorLine'} 항목으로 설정한다.<br/>
|
|
6060
|
+
*
|
|
6061
|
+
* ```js
|
|
6062
|
+
* const config = {
|
|
6063
|
+
* polar: true,
|
|
6064
|
+
* xAxis: {
|
|
6065
|
+
* totalAngle: 270,
|
|
6066
|
+
* sectorLine: {
|
|
6067
|
+
* strokeWidt: '2px'
|
|
6068
|
+
* },
|
|
6069
|
+
* }
|
|
6070
|
+
* };
|
|
6071
|
+
* ```
|
|
6072
|
+
*
|
|
6073
|
+
* {@page config.base.axis#startAngle startAngle}, {@page config.base.axis#totalAngle totalAngle}을 참조한다.
|
|
5613
6074
|
*/
|
|
5614
|
-
declare class AxisSectorLine extends AxisLine {
|
|
6075
|
+
declare class AxisSectorLine extends AxisLine<AxisSectorLineOptions> {
|
|
5615
6076
|
}
|
|
5616
6077
|
/**
|
|
5617
|
-
* 차트 축 모델들의 기반 클래스.<br/>
|
|
5618
|
-
* {@page options} 모델은 {@page op.AxisOptions}이다.<br/>
|
|
6078
|
+
* 차트 축 모델들의 기반(base) 클래스.<br/>
|
|
6079
|
+
* {@page options 옵션} 모델은 {@page op.AxisOptions}이다.<br/>
|
|
5619
6080
|
* 축은 시리즈 데이터포인트들이 표시될 위치를 지정하는 차트의 핵심 구성 요소이고,
|
|
5620
6081
|
* 축 설정에 따라 같은 데이터도 다양한 배치로 표현될 수 있다.<br/>
|
|
5621
6082
|
* 기본 적으로 카테고리 축과 연속 축으로 구별되며, 2차원 차트에 맞게 **x|y** 축을 구별해서 설정한다.
|
|
@@ -5774,9 +6235,26 @@ declare abstract class Axis<OP extends AxisOptions = AxisOptions> extends ChartI
|
|
|
5774
6235
|
getValue(value: any): number;
|
|
5775
6236
|
incStep(value: number, step: any): number;
|
|
5776
6237
|
contains(value: number): boolean;
|
|
6238
|
+
trimRange(from: number, to: number): [number, number];
|
|
6239
|
+
/**
|
|
6240
|
+
* zoom 상태를 제거한다.<br/>
|
|
6241
|
+
*/
|
|
5777
6242
|
resetZoom(): void;
|
|
5778
6243
|
_prepareZoom(): AxisZoom;
|
|
6244
|
+
/**
|
|
6245
|
+
* zoom 상태를 새로운 범위로 변경한다.<br/>
|
|
6246
|
+
*
|
|
6247
|
+
* @param start 표시할 시작 값.
|
|
6248
|
+
* @param end 표시할 끝 값.
|
|
6249
|
+
* @param minSize 최소 범위
|
|
6250
|
+
* @returns zoom 상태가 변경되면 true.
|
|
6251
|
+
*/
|
|
5779
6252
|
zoom(start: number, end: number, minSize?: number): boolean;
|
|
6253
|
+
/**
|
|
6254
|
+
* zoom 상태인 지 확인한다.<br/>
|
|
6255
|
+
*
|
|
6256
|
+
* @returns zoom 상태이면 true.
|
|
6257
|
+
*/
|
|
5780
6258
|
isZoomed(): boolean;
|
|
5781
6259
|
hasBreak(): boolean;
|
|
5782
6260
|
isBreak(pos: number): boolean;
|
|
@@ -5872,6 +6350,9 @@ declare const _AxisTitleAlign: {
|
|
|
5872
6350
|
type AxisTitleAlign = typeof _AxisTitleAlign[keyof typeof _AxisTitleAlign];
|
|
5873
6351
|
interface AxisItemOptions extends ChartItemOptions {
|
|
5874
6352
|
}
|
|
6353
|
+
/**
|
|
6354
|
+
* 축 타이틀 설정 옵션.<br/>
|
|
6355
|
+
*/
|
|
5875
6356
|
interface AxisTitleOptions extends AxisItemOptions {
|
|
5876
6357
|
/**
|
|
5877
6358
|
* 타이틀 텍스트.<br/>
|
|
@@ -5934,7 +6415,19 @@ interface AxisLineOptions extends AxisItemOptions {
|
|
|
5934
6415
|
interface AxisSectorLineOptions extends AxisLineOptions {
|
|
5935
6416
|
}
|
|
5936
6417
|
/**
|
|
5937
|
-
*
|
|
6418
|
+
* 축 tick 표시 방식과 tick 위치 마다 표시되는 선(line) 등에 대한 설정 옵션 기반(base).<br/>
|
|
6419
|
+
* 축 종류에 따라 다양한 설정 속성들이 존재한다.
|
|
6420
|
+
*
|
|
6421
|
+
* ```js
|
|
6422
|
+
* const config = {
|
|
6423
|
+
* xAxis: {
|
|
6424
|
+
* tick: {
|
|
6425
|
+
* visible: true,
|
|
6426
|
+
* length: 10
|
|
6427
|
+
* }
|
|
6428
|
+
* },
|
|
6429
|
+
* };
|
|
6430
|
+
* ```
|
|
5938
6431
|
*/
|
|
5939
6432
|
interface AxisTickOptions extends AxisItemOptions {
|
|
5940
6433
|
/**
|
|
@@ -6261,14 +6754,21 @@ interface AxisGuideLabelOptions extends IconedTextOptions {
|
|
|
6261
6754
|
*/
|
|
6262
6755
|
offsetY?: number;
|
|
6263
6756
|
}
|
|
6757
|
+
type AxisGuideType = 'line' | 'range';
|
|
6264
6758
|
/**
|
|
6759
|
+
* 선분이나 영역으로 축 위의 특정한 값(들)을 구분 표시한다.<br/>
|
|
6265
6760
|
* 기본적으로 이 축에 연결된 모든 body에 모두 표시된다.
|
|
6266
6761
|
* col, row를 지정해서 특정 body에만 표시되도록 할 수 있다.
|
|
6267
6762
|
*/
|
|
6268
6763
|
interface AxisGuideOptions extends AxisItemOptions {
|
|
6764
|
+
/**
|
|
6765
|
+
* 가이드 종류.<br/>
|
|
6766
|
+
* //이 속성을 지정하지 않은 경우,
|
|
6767
|
+
* //{@page config.base.axis.guide}
|
|
6768
|
+
*/
|
|
6769
|
+
type?: AxisGuideType;
|
|
6269
6770
|
/**
|
|
6270
6771
|
* label 모델.
|
|
6271
|
-
*
|
|
6272
6772
|
*/
|
|
6273
6773
|
label?: AxisGuideLabelOptions;
|
|
6274
6774
|
/**
|
|
@@ -6285,6 +6785,21 @@ interface AxisGuideOptions extends AxisItemOptions {
|
|
|
6285
6785
|
zindex?: number;
|
|
6286
6786
|
col?: number | number[];
|
|
6287
6787
|
row?: number | number[];
|
|
6788
|
+
/**
|
|
6789
|
+
* type이 'line'일 때,
|
|
6790
|
+
* 가이드 선이 표시될 축 상의 위치에 해당하는 값.<br/>
|
|
6791
|
+
*/
|
|
6792
|
+
value?: number;
|
|
6793
|
+
/**
|
|
6794
|
+
* type이 'range'일 때,
|
|
6795
|
+
* 가이드 영역의 시작 값.<br/>
|
|
6796
|
+
*/
|
|
6797
|
+
startValue?: number;
|
|
6798
|
+
/**
|
|
6799
|
+
* type이 'range'일 때,
|
|
6800
|
+
* 가이드 영역의 끝 값.<br/>
|
|
6801
|
+
*/
|
|
6802
|
+
endValue?: number;
|
|
6288
6803
|
}
|
|
6289
6804
|
/**
|
|
6290
6805
|
* Axis tick의 위치에 수평 혹은 수직선으로 plot 영역을 구분 표시한다.\
|
|
@@ -6366,7 +6881,7 @@ interface CrosshairCallbackArgs {
|
|
|
6366
6881
|
}
|
|
6367
6882
|
type CrosshairChangeCallback = (args: CrosshairCallbackArgs) => void;
|
|
6368
6883
|
/**
|
|
6369
|
-
* 직선 또는 bar 형태로 축 위의 마우스 위치를 표시하는 구성 요소
|
|
6884
|
+
* 직선 또는 bar 형태로 축 위의 마우스 위치를 표시하는 구성 요소 옵션.<br/>
|
|
6370
6885
|
*/
|
|
6371
6886
|
interface CrosshairOptions extends ChartItemOptions {
|
|
6372
6887
|
/**
|
|
@@ -6498,9 +7013,21 @@ interface AxisScrollBarOptions extends AxisItemOptions {
|
|
|
6498
7013
|
}
|
|
6499
7014
|
type AxisType = 'category' | 'linear' | 'log' | 'time';
|
|
6500
7015
|
/**
|
|
7016
|
+
* 축 설정 옵션 기반(base).<br/>
|
|
7017
|
+
*
|
|
6501
7018
|
* @config chart.axis[base]
|
|
6502
7019
|
*/
|
|
6503
7020
|
interface AxisOptions extends ChartItemOptions {
|
|
7021
|
+
/**
|
|
7022
|
+
* 축 종류를 지정한다.<br/>
|
|
7023
|
+
* 이 속성값이 지정되지 않은 경우,
|
|
7024
|
+
*
|
|
7025
|
+
* - {@page config.xAxis.category#categories}가 설정되면 'category'
|
|
7026
|
+
* - x축이고 첫번째 시리즈가 category축에 연결 가능할 때 'category', 아니면 'linear'
|
|
7027
|
+
* - y축이면 첫번째 시리즈의 기본 y축 타입(대부분 'linear'), 아니면 'linear'
|
|
7028
|
+
*
|
|
7029
|
+
* 축으로 자동 설정된다.<br/>
|
|
7030
|
+
*/
|
|
6504
7031
|
type?: AxisType;
|
|
6505
7032
|
/**
|
|
6506
7033
|
*/
|
|
@@ -6529,12 +7056,18 @@ interface AxisOptions extends ChartItemOptions {
|
|
|
6529
7056
|
*/
|
|
6530
7057
|
grid?: AxisGridOptions | boolean;
|
|
6531
7058
|
/**
|
|
7059
|
+
* 가이드 옵션.<br/>
|
|
7060
|
+
* 옵션 객체 또는 옵션 객체 배열로 여러 가이드를 설정할 수 있다.<br/>
|
|
7061
|
+
* [주의] 이전 버전의 설정을 로드하기 위해, 이 속성이 지정되지 않고 'guides' 설정이 존재하면 load 후 이 속성으로 설정한다.
|
|
6532
7062
|
*/
|
|
6533
|
-
|
|
7063
|
+
guide?: AxisGuideOptions[];
|
|
6534
7064
|
/**
|
|
7065
|
+
* 직선 또는 bar 형태로 축 위의 마우스 위치를 표시하는 옵션.<br/>
|
|
6535
7066
|
*/
|
|
6536
7067
|
crosshair?: CrosshairOptions | boolean;
|
|
6537
7068
|
/**
|
|
7069
|
+
* zoom된 축에 표시할 수 있는 스크롤바 옵션.<br/>
|
|
7070
|
+
* // TODO #fiddle axis/scrollbar Axis ScrollBar
|
|
6538
7071
|
*/
|
|
6539
7072
|
scrollBar?: AxisScrollBarOptions | boolean;
|
|
6540
7073
|
/**
|
|
@@ -6766,7 +7299,7 @@ interface CategoryAxisOptions extends AxisOptions {
|
|
|
6766
7299
|
startOffset?: number;
|
|
6767
7300
|
}
|
|
6768
7301
|
/**
|
|
6769
|
-
* 연속 축의 {@page config.yAxis.linear#baseValue} 위치에 표시되는 선 설정
|
|
7302
|
+
* 연속 축의 {@page config.yAxis.linear#baseValue} 위치에 표시되는 선 설정 옵션.<br/>
|
|
6770
7303
|
* 기본적으로 표시되지 않는다.
|
|
6771
7304
|
*/
|
|
6772
7305
|
interface AxisBaseLineOptions extends AxisLineOptions {
|
|
@@ -6982,9 +7515,8 @@ interface TimeAxisLabelOptions extends ContinuousAxisLabelOptions {
|
|
|
6982
7515
|
}
|
|
6983
7516
|
interface TimeAxisTickOptions extends ContinuousAxisTickOptions {
|
|
6984
7517
|
/**
|
|
6985
|
-
* @
|
|
6986
|
-
*
|
|
6987
|
-
* 단위가 지정된 문자열로 지정하는 경우 값이 -1 이하이거나 1 이상이어야 한다. #141
|
|
7518
|
+
* @append
|
|
7519
|
+
* 단위가 지정된 문자열로 지정하는 경우 값이 -1 이하이거나 1 이상이어야 한다. // #141
|
|
6988
7520
|
*/
|
|
6989
7521
|
stepInterval: number;
|
|
6990
7522
|
}
|
|
@@ -7006,6 +7538,7 @@ interface TimeAxisOptions extends ContinuousAxisOptions {
|
|
|
7006
7538
|
* @default NaN
|
|
7007
7539
|
*/
|
|
7008
7540
|
baseValue?: number;
|
|
7541
|
+
tick?: TimeAxisTickOptions;
|
|
7009
7542
|
}
|
|
7010
7543
|
type AxisOptionsType = CategoryAxisOptions | LinearAxisOptions | LogAxisOptions | TimeAxisOptions;
|
|
7011
7544
|
|
|
@@ -7123,7 +7656,8 @@ interface GaugeBaseOptions extends ChartItemOptions {
|
|
|
7123
7656
|
backgroundStyle?: SVGStyleOrClass;
|
|
7124
7657
|
}
|
|
7125
7658
|
/**
|
|
7126
|
-
* 게이지
|
|
7659
|
+
* 게이지 설정 옵션.<br/>
|
|
7660
|
+
*
|
|
7127
7661
|
* @config chart.gauge[base]
|
|
7128
7662
|
*/
|
|
7129
7663
|
interface GaugeOptions extends GaugeBaseOptions {
|
|
@@ -7363,7 +7897,8 @@ interface BulletValueBarOptions extends LinearValueBarOptions {
|
|
|
7363
7897
|
}
|
|
7364
7898
|
declare const BulletGaugeType = "bullet";
|
|
7365
7899
|
/**
|
|
7366
|
-
*
|
|
7900
|
+
* Bullet 게이지.<br/>
|
|
7901
|
+
* {@page op.GaugeOptions#type}은 'bullet'이다.<br/>
|
|
7367
7902
|
* 현재 값을 목표 값과 비교해서 표시한다.
|
|
7368
7903
|
* 또, {@page band}를 같이 표시하면, 여러 값 범위 중 어디에 속한 상태인 지를 나타낼 수 있다.
|
|
7369
7904
|
*
|
|
@@ -7394,7 +7929,6 @@ interface BulletGaugeOptions extends LinearGaugeBaseOptions {
|
|
|
7394
7929
|
/**
|
|
7395
7930
|
* 값 범위 목록.
|
|
7396
7931
|
* 범위별로 다른 스타일을 적용할 수 있다.
|
|
7397
|
-
*
|
|
7398
7932
|
*/
|
|
7399
7933
|
ranges?: ValueRange[];
|
|
7400
7934
|
/**
|
|
@@ -7406,6 +7940,12 @@ interface BulletGaugeOptions extends LinearGaugeBaseOptions {
|
|
|
7406
7940
|
rangeInclusive?: boolean;
|
|
7407
7941
|
}
|
|
7408
7942
|
declare const BulletGaugeGroupType = "bulletgroup";
|
|
7943
|
+
/**
|
|
7944
|
+
* Bullet 게이지그룹.<br/>
|
|
7945
|
+
* {@page op.GaugeOptions#type}은 'bulletgroup'이다.
|
|
7946
|
+
*
|
|
7947
|
+
* @config chart.gauge[type=bulletgroup]
|
|
7948
|
+
*/
|
|
7409
7949
|
interface BulletGaugeGroupOptions extends LinearGaugeGroupBaseOptions<BulletGaugeOptions> {
|
|
7410
7950
|
type?: typeof BulletGaugeGroupType;
|
|
7411
7951
|
/**
|
|
@@ -7835,8 +8375,9 @@ interface CircleGaugePinOptions extends ChartItemOptions {
|
|
|
7835
8375
|
}
|
|
7836
8376
|
declare const CircleGaugeType = "circle";
|
|
7837
8377
|
/**
|
|
7838
|
-
* 원형
|
|
7839
|
-
*
|
|
8378
|
+
* 원형 게이지.<br/>
|
|
8379
|
+
* {@page op.GaugeOptions#type}은 'circle'이다.<br/>
|
|
8380
|
+
* 지정된 최대 각도 내에서 현재 값의 비율을 원호로 표시한다.<br/>
|
|
7840
8381
|
*
|
|
7841
8382
|
* @config chart.gauge[type=circle]
|
|
7842
8383
|
*/
|
|
@@ -7874,6 +8415,12 @@ interface CircleGaugeOptions extends CircularGaugeOptions {
|
|
|
7874
8415
|
pin?: CircleGaugePinOptions | boolean;
|
|
7875
8416
|
}
|
|
7876
8417
|
declare const CircleGaugeGroupType = "circlegroup";
|
|
8418
|
+
/**
|
|
8419
|
+
* Circle 게이지그룹.<br/>
|
|
8420
|
+
* {@page op.GaugeOptions#type}은 'circlegroup'이다.
|
|
8421
|
+
*
|
|
8422
|
+
* @config chart.gauge[type=circlegroup]
|
|
8423
|
+
*/
|
|
7877
8424
|
interface CircleGaugeGroupOptions extends CircularGaugeGroupOptions {
|
|
7878
8425
|
type?: typeof CircleGaugeGroupType;
|
|
7879
8426
|
/**
|
|
@@ -7965,8 +8512,9 @@ interface ClockGaugeLabelOptions extends ChartTextOptions {
|
|
|
7965
8512
|
}
|
|
7966
8513
|
declare const ClockGaugeType = "clock";
|
|
7967
8514
|
/**
|
|
7968
|
-
* 시계
|
|
7969
|
-
*
|
|
8515
|
+
* 시계 게이지.<br/>
|
|
8516
|
+
* {@page op.GaugeOptions#type}은 'clock'이다.
|
|
8517
|
+
* 원형 아날로그 시계를 표시한다.<br/>
|
|
7970
8518
|
*
|
|
7971
8519
|
* @config chart.gauge[type=clock]
|
|
7972
8520
|
*/
|
|
@@ -8056,9 +8604,10 @@ interface ClockGaugeOptions extends GaugeOptions {
|
|
|
8056
8604
|
}
|
|
8057
8605
|
declare const LinearGaugeType = "linear";
|
|
8058
8606
|
/**
|
|
8059
|
-
* 선형
|
|
8607
|
+
* 선형 게이지.<br/>
|
|
8608
|
+
* {@page op.GaugeOptions#type}은 'linear'이다.<br/>
|
|
8060
8609
|
* 현재 값을 선형 막대로 표시한다.
|
|
8061
|
-
* 또, {@page band}를 같이 표시하면, 여러 값 범위 중 어디에 속한 상태인 지를 나타낼 수
|
|
8610
|
+
* 또, {@page band}를 같이 표시하면, 여러 값 범위 중 어디에 속한 상태인 지를 나타낼 수 있다.<br/>
|
|
8062
8611
|
*
|
|
8063
8612
|
* @config chart.gauge[type=linear]
|
|
8064
8613
|
*/
|
|
@@ -8076,6 +8625,12 @@ interface LinearGaugeOptions extends LinearGaugeBaseOptions {
|
|
|
8076
8625
|
band?: GaugeRangeBandOptions | boolean;
|
|
8077
8626
|
}
|
|
8078
8627
|
declare const LinearGaugeGroupType = "lineargroup";
|
|
8628
|
+
/**
|
|
8629
|
+
* 선형 게이지그룹.<br/>
|
|
8630
|
+
* {@page op.GaugeOptions#type}은 'lineargroup'이다.<br/>
|
|
8631
|
+
*
|
|
8632
|
+
* @config chart.gauge[type=lineargroup]
|
|
8633
|
+
*/
|
|
8079
8634
|
interface LinearGaugeGroupOptions extends LinearGaugeGroupBaseOptions<LinearGaugeOptions> {
|
|
8080
8635
|
type?: typeof LinearGaugeGroupType;
|
|
8081
8636
|
band?: GaugeRangeBandOptions;
|
|
@@ -8139,22 +8694,43 @@ interface SplitOptions extends ChartItemOptions {
|
|
|
8139
8694
|
}
|
|
8140
8695
|
|
|
8141
8696
|
/**
|
|
8697
|
+
* 차트 기본 틀을 결정하는 중요한 몇가지 속성들과 하위 구성 요소들에 대한 옵션들을 설정한다.<br/>
|
|
8698
|
+
* 차트 생성 시 이 옵션 객체를 구성해서 전달해야 한다.
|
|
8699
|
+
*
|
|
8700
|
+
* ```js
|
|
8701
|
+
* const chart = RealChart.createChart(doc, 'div', {
|
|
8702
|
+
* .... // 여기에 설정한다.
|
|
8703
|
+
* });
|
|
8704
|
+
* ```
|
|
8705
|
+
*
|
|
8706
|
+
* {@page https://www.typescriptlang.org/ typescript} 환경에서는 타입을 명시적으로 지정하여
|
|
8707
|
+
* 개발 편집기의 typescript 지원을 받을 수 있으므로
|
|
8708
|
+
* 설정 객체를 별도로 정의할 수 있다.
|
|
8709
|
+
*
|
|
8710
|
+
* ```ts
|
|
8711
|
+
* const config: ChartConfiguration = {
|
|
8712
|
+
* ...
|
|
8713
|
+
* };
|
|
8714
|
+
* const chart = RealChart.createChart(doc, 'div', config);
|
|
8715
|
+
* ```
|
|
8716
|
+
*
|
|
8142
8717
|
* @config chart
|
|
8143
8718
|
*/
|
|
8144
8719
|
interface ChartConfiguration {
|
|
8145
8720
|
/**
|
|
8146
|
-
* 기본 시리즈 type.<br/>
|
|
8147
|
-
* {@page
|
|
8148
|
-
* 시리즈에 type을 지정하지 않으면 이 속성 type의 시리즈로 생성된다.<br/>
|
|
8721
|
+
* 기본 {@page config.base.series 시리즈} type.<br/>
|
|
8722
|
+
* 시리즈에 {@page config.base.series#type}을 지정하지 않으면 이 속성값의 시리즈로 생성된다.<br/>
|
|
8149
8723
|
* [주의] 차트 로딩 후 변경할 수 없다.
|
|
8150
8724
|
*
|
|
8725
|
+
* @default 'bar'
|
|
8151
8726
|
*/
|
|
8152
8727
|
type?: 'bar' | 'barrange' | 'bargroup' | 'bellcurve' | 'boxplot' | 'bubble' | 'bump' | 'candlestick' | 'circlebar' | 'circlebargroup' | 'dumbbell' | 'equalizer' | 'errorbar' | 'funnel' | 'heatmap' | 'histogram' | 'arearange' | 'area' | 'areagroup' | 'line' | 'linegroup' | 'spline' | 'lollipop' | 'ohlc' | 'pareto' | 'pie' | 'piegroup' | 'scatter' | 'treemap' | 'vector' | 'waterfall';
|
|
8153
8728
|
/**
|
|
8154
|
-
* 기본 게이지 type.<br/>
|
|
8729
|
+
* 기본 {@page config.base.gauge 게이지} type.<br/>
|
|
8155
8730
|
* 게이지에 type을 지정하지 않으면 이 속성 type의 시리즈로 생성된다.<br/>
|
|
8156
8731
|
* [주의] 차트 로딩 후 변경할 수 없다.
|
|
8157
8732
|
*
|
|
8733
|
+
* @default 'circle'
|
|
8158
8734
|
*/
|
|
8159
8735
|
gaugeType?: 'circle' | 'bullet' | 'clock' | 'linear';
|
|
8160
8736
|
/**
|
|
@@ -8169,51 +8745,84 @@ interface ChartConfiguration {
|
|
|
8169
8745
|
*
|
|
8170
8746
|
* [주의] 차트 로딩 후 변경할 수 없다.
|
|
8171
8747
|
*
|
|
8748
|
+
* @default false
|
|
8172
8749
|
*/
|
|
8173
8750
|
polar?: boolean;
|
|
8174
8751
|
/**
|
|
8175
8752
|
* {@page polar}가 아닌 기본 직교 좌표계일 때 true로 지정하면 x축이 수직, y축이 수평으로 배치된다.<br/>
|
|
8176
8753
|
* [주의] 차트 로딩 후 변경할 수 없다.
|
|
8177
8754
|
*
|
|
8755
|
+
* @default false
|
|
8178
8756
|
*/
|
|
8179
8757
|
inverted?: boolean;
|
|
8180
8758
|
/**
|
|
8181
|
-
*
|
|
8182
|
-
* 그러므로 보통 숫자로 지정된 날짜값은 utc 값이다.
|
|
8183
|
-
* local 기준으로 표시하기 위해, 숫자로 지정된 날짜값에 더해야 하는 시간을 분단위로 지정한다.<br/>
|
|
8184
|
-
* ex) 한국은 -9 * 60
|
|
8185
|
-
*
|
|
8186
|
-
* 명시적으로 지정하지 않으면 현재 위치에 따른 값으로 자동 설정된다.<br/>
|
|
8187
|
-
* [주의] 차트 로딩 후 변경할 수 없다.
|
|
8188
|
-
*
|
|
8759
|
+
* 이 차트 구성 설정에서 반복 사용할 수 있는 설정 모음.<br/>
|
|
8189
8760
|
*/
|
|
8190
|
-
|
|
8761
|
+
templates?: ConfigObject;
|
|
8191
8762
|
/**
|
|
8192
|
-
*
|
|
8193
|
-
* ex) 0: 일요일, 1: 월요일
|
|
8194
|
-
*
|
|
8195
|
-
* [주의] 차트 로딩 후 변경할 수 없다.
|
|
8196
|
-
*
|
|
8763
|
+
* 차트 전체에 영향을 미치는 옵션들.<br/>
|
|
8197
8764
|
*/
|
|
8198
|
-
startOfWeek?: number;
|
|
8199
|
-
templates?: ConfigObject;
|
|
8200
|
-
assets?: AssetOptionsType | AssetOptionsType[];
|
|
8201
8765
|
options?: ChartOptionsOptions;
|
|
8766
|
+
/**
|
|
8767
|
+
* Asset 목록.<br/>
|
|
8768
|
+
* [주의] 이전 버전의 설정을 로드하기 위해, 이 속성이 지정되지 않고 **'assets'** 설정이 존재하면 load 후 이 속성으로 설정한다.
|
|
8769
|
+
*/
|
|
8770
|
+
asset?: AssetOptionsType | AssetOptionsType[];
|
|
8771
|
+
/**
|
|
8772
|
+
* 차트 타이틀.<br/>
|
|
8773
|
+
*/
|
|
8202
8774
|
title?: TitleOptions | string;
|
|
8775
|
+
/**
|
|
8776
|
+
* 차트 부제목.<br/>
|
|
8777
|
+
*/
|
|
8203
8778
|
subtitle?: SubtitleOptions | string;
|
|
8779
|
+
/**
|
|
8780
|
+
* 차트 범례.<br/>
|
|
8781
|
+
*/
|
|
8204
8782
|
legend?: LegendOptions | boolean;
|
|
8783
|
+
/**
|
|
8784
|
+
* 툴팁.<br/>
|
|
8785
|
+
*/
|
|
8205
8786
|
tooltip?: TooltipOptions | boolean;
|
|
8787
|
+
/**
|
|
8788
|
+
* 시리즈 또는 시리즈 목록.<br/>
|
|
8789
|
+
*/
|
|
8206
8790
|
series?: SeriesOptionsType | SeriesOptionsType[];
|
|
8207
|
-
|
|
8208
|
-
|
|
8209
|
-
|
|
8210
|
-
|
|
8211
|
-
|
|
8212
|
-
|
|
8213
|
-
|
|
8791
|
+
/**
|
|
8792
|
+
* x축 또는 x축 목록.<br/>
|
|
8793
|
+
* [주의] 이전 버전의 설정을 로드하기 위해, 이 속성이 지정되지 않고 **'xAxes'** 설정이 존재하면 load 후 이 속성으로 설정한다.
|
|
8794
|
+
*/
|
|
8795
|
+
xAxis?: AxisOptionsType | AxisOptionsType[];
|
|
8796
|
+
/**
|
|
8797
|
+
* y축 또는 y축 목록.<br/>
|
|
8798
|
+
* [주의] 이전 버전의 설정을 로드하기 위해, 이 속성이 지정되지 않고 **'yAxes'** 설정이 존재하면 load 후 이 속성으로 설정한다.
|
|
8799
|
+
*/
|
|
8800
|
+
yAxis?: AxisOptionsType | AxisOptionsType[];
|
|
8801
|
+
/**
|
|
8802
|
+
* 게이지 또는 게이지 목록.<br/>
|
|
8803
|
+
* [주의] 이전 버전의 설정을 로드하기 위해, 이 속성이 지정되지 않고 **'gauges'** 설정이 존재하면 load 후 이 속성으로 설정한다.
|
|
8804
|
+
*/
|
|
8805
|
+
gauge?: GaugeOptionsType | GaugeOptionsType[];
|
|
8806
|
+
/**
|
|
8807
|
+
* 어노테이션 또는 어노테이션 목록.<br/>
|
|
8808
|
+
* [주의] 이전 버전의 설정을 로드하기 위해, 이 속성이 지정되지 않고 **'annotations'** 설정이 존재하면 load 후 이 속성으로 설정한다.
|
|
8809
|
+
*/
|
|
8810
|
+
annotation?: AnnotationOptionsType | AnnotationOptionsType[];
|
|
8811
|
+
/**
|
|
8812
|
+
* 시리즈나 게이지들이 그려지는 영역.<br/>
|
|
8813
|
+
*/
|
|
8214
8814
|
body?: BodyOptions;
|
|
8215
|
-
|
|
8815
|
+
/**
|
|
8816
|
+
* 시리즈 내비게이터.<br/>
|
|
8817
|
+
*/
|
|
8216
8818
|
seriesNavigator?: SeriesNavigatorOptions | boolean;
|
|
8819
|
+
/**
|
|
8820
|
+
* 분할 모드.<br/>
|
|
8821
|
+
*/
|
|
8822
|
+
split?: SplitOptions;
|
|
8823
|
+
/**
|
|
8824
|
+
* 내보내기.<br/>
|
|
8825
|
+
*/
|
|
8217
8826
|
exporting?: ExporterOptions;
|
|
8218
8827
|
}
|
|
8219
8828
|
|
|
@@ -8600,8 +9209,8 @@ interface IPolar {
|
|
|
8600
9209
|
}
|
|
8601
9210
|
/**
|
|
8602
9211
|
* 시리즈 및 게이지들이 표시되는 영역 모델.<br/>
|
|
8603
|
-
*
|
|
8604
|
-
* {@page config.body} 항목으로 설정한다.
|
|
9212
|
+
* {@page options 옵션} 모델은 {@page op.BodyOptions}이고,
|
|
9213
|
+
* {@page config 차트 설정}에서 {@page config.body 'body'} 항목으로 설정한다.
|
|
8605
9214
|
* ```js
|
|
8606
9215
|
* const config = {
|
|
8607
9216
|
* body: {
|
|
@@ -8620,6 +9229,7 @@ declare class Body<OP extends BodyOptions = BodyOptions> extends ChartItem<OP> i
|
|
|
8620
9229
|
private _radius;
|
|
8621
9230
|
private _centerX;
|
|
8622
9231
|
private _centerY;
|
|
9232
|
+
private _anns;
|
|
8623
9233
|
private _image;
|
|
8624
9234
|
private _zoomButton;
|
|
8625
9235
|
_annotations: AnnotationCollection;
|
|
@@ -8645,7 +9255,6 @@ declare class Body<OP extends BodyOptions = BodyOptions> extends ChartItem<OP> i
|
|
|
8645
9255
|
getAnnotations(): Annotation[];
|
|
8646
9256
|
getAnnotation(name: string): Annotation;
|
|
8647
9257
|
contains(obj: GaugeBase | Series): boolean;
|
|
8648
|
-
protected _doLoadProp(prop: string, value: any): boolean;
|
|
8649
9258
|
protected _doApply(options: BodyOptions): void;
|
|
8650
9259
|
protected _doPrepareRender(chart: IChart): void;
|
|
8651
9260
|
}
|
|
@@ -8792,7 +9401,7 @@ declare class Split extends ChartItem<SplitOptions> {
|
|
|
8792
9401
|
|
|
8793
9402
|
/**
|
|
8794
9403
|
* 차트 제목(title) 모델.<br/>
|
|
8795
|
-
* 설정 {@
|
|
9404
|
+
* 설정 {@page options 옵션}은 {@page op.TitleOptions}이고,
|
|
8796
9405
|
* {@page config.title} 항목으로 설정한다.<br/>
|
|
8797
9406
|
* ```js
|
|
8798
9407
|
* const config = {
|
|
@@ -9082,8 +9691,8 @@ declare class ChartObject extends EventProvider<IChartEventListener> implements
|
|
|
9082
9691
|
|
|
9083
9692
|
/**
|
|
9084
9693
|
* Annotation 모델들의 기반 클래스.<br/>
|
|
9085
|
-
*
|
|
9086
|
-
* {@page config.annotation} 항목으로 설정한다.
|
|
9694
|
+
* {@page options 옵션} 모델은 {@page op.AnnotationOptions}이고,
|
|
9695
|
+
* {@page config 차트 설정}에서 {@page config.annotation 'annotation'} 항목으로 설정한다.
|
|
9087
9696
|
* ```js
|
|
9088
9697
|
* const config = {
|
|
9089
9698
|
* annotation: [{
|
|
@@ -9092,7 +9701,7 @@ declare class ChartObject extends EventProvider<IChartEventListener> implements
|
|
|
9092
9701
|
* }],
|
|
9093
9702
|
* };
|
|
9094
9703
|
* ```
|
|
9095
|
-
* 또, Chart.{@page rc.Chart
|
|
9704
|
+
* 또, Chart.{@page rc.Chart#getannotation getAnnotation}으로
|
|
9096
9705
|
* 모델 객체를 가져올 수 있다.
|
|
9097
9706
|
* ```js
|
|
9098
9707
|
* const annotation = chart.getAnnotation('image1');
|
|
@@ -9158,7 +9767,7 @@ declare abstract class Annotation<OP extends AnnotationOptions = AnnotationOptio
|
|
|
9158
9767
|
interface IAnnotationOwner {
|
|
9159
9768
|
chart: IChart;
|
|
9160
9769
|
options: {
|
|
9161
|
-
|
|
9770
|
+
annotation?: AnnotationOptions | AnnotationOptions[];
|
|
9162
9771
|
};
|
|
9163
9772
|
anchorByName(name: string): ChartItem;
|
|
9164
9773
|
}
|
|
@@ -9554,6 +10163,8 @@ declare class Globals {
|
|
|
9554
10163
|
* const chart = RealChart.createChart(documemt, 'div', config);
|
|
9555
10164
|
* ```
|
|
9556
10165
|
*
|
|
10166
|
+
* {@page config 차트 설정} 페이지를 참조한다.
|
|
10167
|
+
*
|
|
9557
10168
|
* @param config 설정 객체.
|
|
9558
10169
|
* @returns 매개 변수 객체를 그대로 리턴한다.
|
|
9559
10170
|
*/
|
|
@@ -9640,8 +10251,8 @@ declare class CategoryAxisGrid extends AxisGrid<AxisGridOptions> {
|
|
|
9640
10251
|
getPoints(axis: CategoryAxis): number[];
|
|
9641
10252
|
}
|
|
9642
10253
|
/**
|
|
9643
|
-
*
|
|
9644
|
-
* {@page op.AxisOptions#type}은
|
|
10254
|
+
* 카테고리 축 모델.<br/>
|
|
10255
|
+
* {@page op.AxisOptions#type}은 {@page config.xAxis.category 'category'}이고,
|
|
9645
10256
|
* {@page options 설정} 모델은 {@page op.CategoryAxisOptions}이다.
|
|
9646
10257
|
*/
|
|
9647
10258
|
declare class CategoryAxis extends Axis<CategoryAxisOptions> {
|
|
@@ -9757,8 +10368,8 @@ interface IAxisBreakSect {
|
|
|
9757
10368
|
len: number;
|
|
9758
10369
|
}
|
|
9759
10370
|
/**
|
|
9760
|
-
* 연속 축의 {@page config.yAxis.linear#baseValue} 위치에 표시되는 선
|
|
9761
|
-
* {@page options} 모델은 {@page op.AxisBaseLineOptions}이다.<br/>
|
|
10371
|
+
* 연속 축의 {@page config.yAxis.linear#baseValue} 위치에 표시되는 선(line) 모델.<br/>
|
|
10372
|
+
* {@page options 옵션} 모델은 {@page op.AxisBaseLineOptions}이다.<br/>
|
|
9762
10373
|
* 기본적으로 표시되지 않는다.
|
|
9763
10374
|
*/
|
|
9764
10375
|
declare class AxisBaseLine extends AxisLine {
|
|
@@ -9811,7 +10422,6 @@ declare abstract class ContinuousAxis<OP extends ContinuousAxisOptions = Continu
|
|
|
9811
10422
|
isBreak(pos: number): boolean;
|
|
9812
10423
|
protected _doApply(options: AxisOptions): void;
|
|
9813
10424
|
continuous(): boolean;
|
|
9814
|
-
contains(value: number): boolean;
|
|
9815
10425
|
isBased(): boolean;
|
|
9816
10426
|
protected _createGrid(): ContinuousAxisGrid;
|
|
9817
10427
|
protected _createTickModel(): ContinuousAxisTick;
|
|
@@ -9851,8 +10461,8 @@ declare abstract class ContinuousAxis<OP extends ContinuousAxisOptions = Continu
|
|
|
9851
10461
|
private $_mergeBreaks;
|
|
9852
10462
|
}
|
|
9853
10463
|
/**
|
|
9854
|
-
* 선형
|
|
9855
|
-
* {@page op.AxisOptions#type}은
|
|
10464
|
+
* 선형 연속 축 모델.<br/>
|
|
10465
|
+
* {@page op.AxisOptions#type}은 {@page config.yAxis.linear 'linear'}이고,
|
|
9856
10466
|
* {@page options 설정} 모델은 {@page op.LinearAxisOptions}이다.
|
|
9857
10467
|
*/
|
|
9858
10468
|
declare class LinearAxis extends ContinuousAxis<LinearAxisOptions> {
|
|
@@ -9896,8 +10506,8 @@ declare class TimeAxisLabel extends ContinuousAxisLabel<TimeAxisLabelOptions> {
|
|
|
9896
10506
|
getTick(index: number, v: any): string;
|
|
9897
10507
|
}
|
|
9898
10508
|
/**
|
|
9899
|
-
*
|
|
9900
|
-
* {@page op.AxisOptions#type}은
|
|
10509
|
+
* 날짜/시간 축 모델.<br/>
|
|
10510
|
+
* {@page op.AxisOptions#type}은 {@page config.xAxis.time 'time'}이고,
|
|
9901
10511
|
* {@page options 설정} 모델은 {@page op.TimeAxisOptions}이다.
|
|
9902
10512
|
*/
|
|
9903
10513
|
declare class TimeAxis extends ContinuousAxis<TimeAxisOptions> {
|
|
@@ -9935,7 +10545,7 @@ declare class LogAxisTick extends ContinuousAxisTick<LogAxisTickOptions> {
|
|
|
9935
10545
|
}
|
|
9936
10546
|
/**
|
|
9937
10547
|
* 로그축 모델.<br/>
|
|
9938
|
-
* {@page op.AxisOptions#type}은
|
|
10548
|
+
* {@page op.AxisOptions#type}은 {@page config.xAxis.log 'log'}이고,
|
|
9939
10549
|
* {@page options 설정} 모델은 {@page op.LogAxisOptions}이다.
|
|
9940
10550
|
*/
|
|
9941
10551
|
declare class LogAxis extends ContinuousAxis<LogAxisOptions> {
|
|
@@ -9987,9 +10597,11 @@ declare class LinePointLabel extends DataPointLabel<LinePointLabelOptions> {
|
|
|
9987
10597
|
getAlignOffset(): number;
|
|
9988
10598
|
}
|
|
9989
10599
|
/**
|
|
9990
|
-
*
|
|
9991
|
-
*
|
|
9992
|
-
*
|
|
10600
|
+
* 라인 시리즈 계열의 기반(base) 클래스.<br/>
|
|
10601
|
+
* {@page options 옵션} 모델은 {@page op.LineSeriesBaseOptions}이다.<br/>
|
|
10602
|
+
* //포인트 label들은 'head', 'foot', 'inside'에 위치할 수 있다.<br/>
|
|
10603
|
+
* //기본값은 'auto'('head'')이다.
|
|
10604
|
+
* //pointLabel.align으로 수평 정렬을 설정할 수있다.
|
|
9993
10605
|
*/
|
|
9994
10606
|
declare abstract class LineSeriesBase<OP extends LineSeriesBaseOptions = LineSeriesBaseOptions> extends Series<OP> {
|
|
9995
10607
|
static defaults: LineSeriesBaseOptions;
|
|
@@ -10000,7 +10612,6 @@ declare abstract class LineSeriesBase<OP extends LineSeriesBaseOptions = LineSer
|
|
|
10000
10612
|
[child: string]: ChartItemOptions;
|
|
10001
10613
|
}): void;
|
|
10002
10614
|
/**
|
|
10003
|
-
* @config
|
|
10004
10615
|
*/
|
|
10005
10616
|
get marker(): LineSeriesMarker;
|
|
10006
10617
|
getShape(p: LineSeriesPoint): Shape;
|
|
@@ -10036,8 +10647,8 @@ declare class LineSeriesFlag extends IconedText<LineSeriesFlagOptions> {
|
|
|
10036
10647
|
}
|
|
10037
10648
|
/**
|
|
10038
10649
|
* Line 시리즈.<br/>
|
|
10039
|
-
* {@page op.SeriesOptions#type}은
|
|
10040
|
-
* {@page options} 모델은 {@page op.LineSeriesOptions}이다.
|
|
10650
|
+
* {@page op.SeriesOptions#type}은 {@page config.series.line 'line'}이고,
|
|
10651
|
+
* {@page options 옵션} 모델은 {@page op.LineSeriesOptions}이다.
|
|
10041
10652
|
*/
|
|
10042
10653
|
declare class LineSeries<OP extends LineSeriesOptions = LineSeriesOptions> extends LineSeriesBase<OP> {
|
|
10043
10654
|
static readonly type: string;
|
|
@@ -10055,10 +10666,10 @@ declare class LineSeries<OP extends LineSeriesOptions = LineSeriesOptions> exten
|
|
|
10055
10666
|
protected _doPrepareRender(): void;
|
|
10056
10667
|
}
|
|
10057
10668
|
/**
|
|
10058
|
-
* Spline
|
|
10669
|
+
* Spline 시리즈 모델.<br/>
|
|
10059
10670
|
* {@page lineType} 설정을 무시하고 항상 'spline'으로 표시되는 것 외에는
|
|
10060
10671
|
* {@page LineSeries} 시리즈와 동일하다.<br/>
|
|
10061
|
-
* {@page op.SeriesOptions#type}은
|
|
10672
|
+
* {@page op.SeriesOptions#type}은 {@page config.series.spline 'spline'}이고,
|
|
10062
10673
|
* {@page options 설정} 모델은 {@page op.SplineSeriesOptions}이다.
|
|
10063
10674
|
*/
|
|
10064
10675
|
declare class SplineSeries extends LineSeries<SplineSeriesOptions> {
|
|
@@ -10070,10 +10681,10 @@ declare class AreaSeriesPoint extends LineSeriesPoint {
|
|
|
10070
10681
|
yLow: number;
|
|
10071
10682
|
}
|
|
10072
10683
|
/**
|
|
10073
|
-
* Area
|
|
10684
|
+
* Area 시리즈 모델.<br/>
|
|
10074
10685
|
* 대부분 {@page config.series.line 'line'} 시리즈와 동일하고 라인 아래 부분을 별도의 색상으로 채운다.<br/>
|
|
10075
|
-
* {@page
|
|
10076
|
-
* {@page options
|
|
10686
|
+
* {@page op.SeriesOptions#type}은 {@page config.series.area 'area'}이고,
|
|
10687
|
+
* {@page options 옵션} 모델은 {@page opt.AreaSeriesOptions}이다.
|
|
10077
10688
|
*/
|
|
10078
10689
|
declare class AreaSeries<OP extends AreaSeriesOptions = AreaSeriesOptions> extends LineSeries<OP> {
|
|
10079
10690
|
static readonly type: string;
|
|
@@ -10112,9 +10723,9 @@ declare class AreaRangeSeriesPoint extends AreaSeriesPoint {
|
|
|
10112
10723
|
applyValueRate(prev: any, vr: number): void;
|
|
10113
10724
|
}
|
|
10114
10725
|
/**
|
|
10115
|
-
* AreaRange
|
|
10116
|
-
* {@page op.SeriesOptions#type}은
|
|
10117
|
-
* {@page options
|
|
10726
|
+
* AreaRange 시리즈 모델.<br/>
|
|
10727
|
+
* {@page op.SeriesOptions#type}은 {@page config.series.arearange 'arearange'}이고,
|
|
10728
|
+
* {@page options 옵션} 모델은 {@page op.AreaRangeSeriesOptions}이다.
|
|
10118
10729
|
*/
|
|
10119
10730
|
declare class AreaRangeSeries extends LineSeriesBase<AreaRangeSeriesOptions> {
|
|
10120
10731
|
static readonly type = "arearange";
|
|
@@ -10126,7 +10737,9 @@ declare class AreaRangeSeries extends LineSeriesBase<AreaRangeSeriesOptions> {
|
|
|
10126
10737
|
protected _doPrepareLines(pts: LineSeriesPoint[]): PointLine[];
|
|
10127
10738
|
}
|
|
10128
10739
|
/**
|
|
10129
|
-
* Line
|
|
10740
|
+
* Line 시리즈그룹 모델.<br/>
|
|
10741
|
+
* {@page op.SeriesOptions#type}은 {@page config.series.linegroup 'linegroup'}이고,
|
|
10742
|
+
* {@page options 옵션} 모델은 {@page op.LineSeriesGroupOptions}이다.
|
|
10130
10743
|
*/
|
|
10131
10744
|
declare class LineSeriesGroup extends SeriesGroup<LineSeries, LineSeriesGroupOptions> {
|
|
10132
10745
|
static readonly type = "linegroup";
|
|
@@ -10136,7 +10749,9 @@ declare class LineSeriesGroup extends SeriesGroup<LineSeries, LineSeriesGroupOpt
|
|
|
10136
10749
|
getBaseValue(axis: IAxis): number;
|
|
10137
10750
|
}
|
|
10138
10751
|
/**
|
|
10139
|
-
* Area 시리즈
|
|
10752
|
+
* Area 시리즈 그룹.<br/>
|
|
10753
|
+
* {@page op.SeriesOptions#type}은 **'areagroup'** 이고,
|
|
10754
|
+
* {@page options 옵션} 모델은 {@page op.BarSeriesGroupOptions}이다.
|
|
10140
10755
|
*/
|
|
10141
10756
|
declare class AreaSeriesGroup extends SeriesGroup<AreaSeries, AreaSeriesGroupOptions> {
|
|
10142
10757
|
static readonly type = "areagroup";
|
|
@@ -10147,6 +10762,10 @@ declare class AreaSeriesGroup extends SeriesGroup<AreaSeries, AreaSeriesGroupOpt
|
|
|
10147
10762
|
getBaseValue(axis: IAxis): number;
|
|
10148
10763
|
}
|
|
10149
10764
|
|
|
10765
|
+
/**
|
|
10766
|
+
* Bar 시리즈 계열의 기반(base) 모델.<br/>
|
|
10767
|
+
* {@page options 설정} 모델은 {@page op.BarSeriesBaseOptions}이다.
|
|
10768
|
+
*/
|
|
10150
10769
|
declare abstract class BarSeriesBase<OP extends BarSeriesBaseOptions = BarSeriesBaseOptions> extends BasedSeries<OP> {
|
|
10151
10770
|
static defaults: BarSeriesBaseOptions;
|
|
10152
10771
|
canCategorized(): boolean;
|
|
@@ -10155,8 +10774,8 @@ declare abstract class BarSeriesBase<OP extends BarSeriesBaseOptions = BarSeries
|
|
|
10155
10774
|
protected _getGroupBase(): number;
|
|
10156
10775
|
}
|
|
10157
10776
|
/**
|
|
10158
|
-
* Bar
|
|
10159
|
-
* {@page op.SeriesOptions#type}은
|
|
10777
|
+
* Bar 시리즈 모델.<br/>
|
|
10778
|
+
* {@page op.SeriesOptions#type}은 {@page config.series.bar 'bar'}이고,
|
|
10160
10779
|
* {@page options 설정} 모델은 {@page op.BarSeriesOptions}이다.
|
|
10161
10780
|
*/
|
|
10162
10781
|
declare class BarSeries extends BarSeriesBase<BarSeriesOptions> {
|
|
@@ -10173,9 +10792,9 @@ declare abstract class BarSeriesGroupBase<T extends BarSeriesBase, OP extends Ba
|
|
|
10173
10792
|
protected _doPrepareSeries(series: T[]): void;
|
|
10174
10793
|
}
|
|
10175
10794
|
/**
|
|
10176
|
-
* Bar 시리즈
|
|
10177
|
-
* {@page op.SeriesOptions#type}은
|
|
10178
|
-
* {@page options} 모델은 {@page op.BarSeriesGroupOptions}이다.
|
|
10795
|
+
* Bar 시리즈 그룹.<br/>
|
|
10796
|
+
* {@page op.SeriesOptions#type}은 {@page config.series.bargroup 'bargroup'}이고,
|
|
10797
|
+
* {@page options 옵션} 모델은 {@page op.BarSeriesGroupOptions}이다.
|
|
10179
10798
|
*/
|
|
10180
10799
|
declare class BarSeriesGroup extends BarSeriesGroupBase<BarSeries, BarSeriesGroupOptions> {
|
|
10181
10800
|
static readonly type = "bargroup";
|
|
@@ -10184,9 +10803,9 @@ declare class BarSeriesGroup extends BarSeriesGroupBase<BarSeries, BarSeriesGrou
|
|
|
10184
10803
|
}
|
|
10185
10804
|
|
|
10186
10805
|
/**
|
|
10187
|
-
* BarRange
|
|
10188
|
-
* {@page op.SeriesOptions#type}은
|
|
10189
|
-
* {@page options} 모델은 {@page op.BarRangeSeriesOptions}이다.
|
|
10806
|
+
* BarRange 시리즈 모델.<br/>
|
|
10807
|
+
* {@page op.SeriesOptions#type}은 {@page config.series.barrange 'barrange'}이고,
|
|
10808
|
+
* {@page options 옵션} 모델은 {@page op.BarRangeSeriesOptions}이다.
|
|
10190
10809
|
*/
|
|
10191
10810
|
declare class BarRangeSeries extends LowRangedSeries<BarRangeSeriesOptions> {
|
|
10192
10811
|
static readonly type: string;
|
|
@@ -10203,7 +10822,7 @@ declare class BellCurveSeriesPoint extends AreaSeriesPoint {
|
|
|
10203
10822
|
}
|
|
10204
10823
|
/**
|
|
10205
10824
|
* BellCurve 시리즈.<br/>
|
|
10206
|
-
* {@page op.SeriesOptions#type}은
|
|
10825
|
+
* {@page op.SeriesOptions#type}은 {@page config.series.bellcurve 'bellcurve'}이고,
|
|
10207
10826
|
* {@page options 설정} 모델은 {@page op.BellCurveSeriesOptions}이다.
|
|
10208
10827
|
*/
|
|
10209
10828
|
declare class BellCurveSeries extends AreaSeries<BellCurveSeriesOptions> {
|
|
@@ -10230,13 +10849,15 @@ declare class BoxPlotSeriesPoint extends DataPoint {
|
|
|
10230
10849
|
lowValue: number;
|
|
10231
10850
|
midValue: number;
|
|
10232
10851
|
highValue: number;
|
|
10852
|
+
minLabel: any;
|
|
10233
10853
|
get max(): number;
|
|
10234
10854
|
get maxValue(): number;
|
|
10235
10855
|
lowPos: number;
|
|
10236
10856
|
midPos: number;
|
|
10237
10857
|
highPos: number;
|
|
10238
10858
|
labelCount(): number;
|
|
10239
|
-
|
|
10859
|
+
getPointLabel(index: number): any;
|
|
10860
|
+
getPointText(index: number): any;
|
|
10240
10861
|
protected _assignTo(proxy: any): any;
|
|
10241
10862
|
protected _valuesChangd(prev: any): boolean;
|
|
10242
10863
|
protected _readArray(series: BoxPlotSeries, v: any[]): void;
|
|
@@ -10249,7 +10870,7 @@ declare class BoxPlotSeriesPoint extends DataPoint {
|
|
|
10249
10870
|
}
|
|
10250
10871
|
/**
|
|
10251
10872
|
* {@page https://en.wikipedia.org/wiki/Box_plot BoxPlot} 시리즈.<br/>
|
|
10252
|
-
* {@page op.SeriesOptions#type}은
|
|
10873
|
+
* {@page op.SeriesOptions#type}은 {@page config.series.boxplot 'boxplot'}이고,
|
|
10253
10874
|
* {@page options 설정} 모델은 {@page op.BoxPlotSeriesOptions}이다.
|
|
10254
10875
|
*/
|
|
10255
10876
|
declare class BoxPlotSeries extends LowRangedSeries<BoxPlotSeriesOptions> {
|
|
@@ -10269,7 +10890,7 @@ declare class BoxPlotSeries extends LowRangedSeries<BoxPlotSeriesOptions> {
|
|
|
10269
10890
|
|
|
10270
10891
|
/**
|
|
10271
10892
|
* 버블 시리즈 모델.<br/>
|
|
10272
|
-
* {@page op.SeriesOptions#type}은
|
|
10893
|
+
* {@page op.SeriesOptions#type}은 {@page config.series.bubble 'bubble'}이고,
|
|
10273
10894
|
* {@page options 설정} 모델은 {@page op.BubbleSeriesOptions}이다.
|
|
10274
10895
|
*/
|
|
10275
10896
|
declare class BubbleSeries extends MarkerSeries<BubbleSeriesOptions> {
|
|
@@ -10300,7 +10921,7 @@ declare class BubbleSeries extends MarkerSeries<BubbleSeriesOptions> {
|
|
|
10300
10921
|
|
|
10301
10922
|
/**
|
|
10302
10923
|
* Bump 시리즈.<br/>
|
|
10303
|
-
* {@page op.SeriesOptions#type}은
|
|
10924
|
+
* {@page op.SeriesOptions#type}은 {@page config.series.bump 'bump'}이고,
|
|
10304
10925
|
* {@page options 설정} 모델은 {@page op.BumpSeriesGroupOptions}이다.
|
|
10305
10926
|
*/
|
|
10306
10927
|
declare class BumpSeriesGroup extends ConstraintSeriesGroup<LineSeries, BumpSeriesGroupOptions> {
|
|
@@ -10335,7 +10956,7 @@ declare class CandlestickSeriesPoint extends DataPoint {
|
|
|
10335
10956
|
}
|
|
10336
10957
|
/**
|
|
10337
10958
|
* Candlestick 시리즈.<br/>
|
|
10338
|
-
* {@page op.SeriesOptions#type}은
|
|
10959
|
+
* {@page op.SeriesOptions#type}은 {@page config.series.candlestick 'candlestick'}이고,
|
|
10339
10960
|
* {@page options 설정} 모델은 {@page op.CandlestickSeriesOptions}이다.
|
|
10340
10961
|
*/
|
|
10341
10962
|
declare class CandlestickSeries<OP extends CandlestickSeriesOptions = CandlestickSeriesOptions> extends LowRangedSeries<OP> {
|
|
@@ -10352,7 +10973,7 @@ declare class CircelBarPointLabel extends DataPointLabel<DataPointLabelOptions>
|
|
|
10352
10973
|
}
|
|
10353
10974
|
/**
|
|
10354
10975
|
* CirleBar 시리즈.<br/>
|
|
10355
|
-
* {@page op.SeriesOptions#type}은
|
|
10976
|
+
* {@page op.SeriesOptions#type}은 {@page config.series.circlebar 'circlebar'}이고,
|
|
10356
10977
|
* {@page options 설정} 모델은 {@page op.CircleBarSeriesOptions}이다.
|
|
10357
10978
|
*/
|
|
10358
10979
|
declare class CircleBarSeries extends BarSeriesBase<CircleBarSeriesOptions> {
|
|
@@ -10361,7 +10982,9 @@ declare class CircleBarSeries extends BarSeriesBase<CircleBarSeriesOptions> {
|
|
|
10361
10982
|
protected _createLabel(chart: IChart): CircelBarPointLabel;
|
|
10362
10983
|
}
|
|
10363
10984
|
/**
|
|
10364
|
-
* CircleBar 시리즈
|
|
10985
|
+
* CircleBar 시리즈 그룹.<br/>
|
|
10986
|
+
* {@page op.SeriesOptions#type}은 {@page config.series.circlebargroup 'circlebargroup'}이고,
|
|
10987
|
+
* {@page options 설정} 모델은 {@page op.CircleBarSeriesGroupOptions}이다.
|
|
10365
10988
|
*/
|
|
10366
10989
|
declare class CircleBarSeriesGroup extends BarSeriesGroupBase<CircleBarSeries, CircleBarSeriesGroupOptions> implements IClusterable {
|
|
10367
10990
|
static readonly type = "circlebargroup";
|
|
@@ -10374,7 +10997,7 @@ declare class DumbbellSeriesMarker extends SeriesMarker<DumbbellSeriesMarkerOpti
|
|
|
10374
10997
|
}
|
|
10375
10998
|
/**
|
|
10376
10999
|
* Dumbbell 시리즈.<br/>
|
|
10377
|
-
* {@page op.SeriesOptions#type}은
|
|
11000
|
+
* {@page op.SeriesOptions#type}은 {@page config.series.dumbbell 'dumbbell'}이고,
|
|
10378
11001
|
* {@page options 설정} 모델은 {@page op.DumbbellSeriesOptions}이다.
|
|
10379
11002
|
*/
|
|
10380
11003
|
declare class DumbbellSeries extends ClusterableSeries<DumbbellSeriesOptions> {
|
|
@@ -10394,7 +11017,7 @@ declare class DumbbellSeries extends ClusterableSeries<DumbbellSeriesOptions> {
|
|
|
10394
11017
|
|
|
10395
11018
|
/**
|
|
10396
11019
|
* Bar를 여러 개의 segment로 나눠 표시하는 시리즈.<br/>
|
|
10397
|
-
* {@page op.SeriesOptions#type}은
|
|
11020
|
+
* {@page op.SeriesOptions#type}은 {@page config.series.equalizer 'equalizer'}이고,
|
|
10398
11021
|
* {@page options 설정} 모델은 {@page op.EqualizerSeriesOptions}이다.
|
|
10399
11022
|
*/
|
|
10400
11023
|
declare class EqualizerSeries extends BasedSeries<EqualizerSeriesOptions> {
|
|
@@ -10410,7 +11033,7 @@ declare class EqualizerSeries extends BasedSeries<EqualizerSeriesOptions> {
|
|
|
10410
11033
|
|
|
10411
11034
|
/**
|
|
10412
11035
|
* ErrorBar 시리즈.<br/>
|
|
10413
|
-
* {@page op.SeriesOptions#type}은
|
|
11036
|
+
* {@page op.SeriesOptions#type}은 {@page config.series.errorbar 'errorbar'}이고,
|
|
10414
11037
|
* {@page options 설정} 모델은 {@page op.ErrorbarSeriesOptions}이다.
|
|
10415
11038
|
*/
|
|
10416
11039
|
declare class ErrorBarSeries extends LowRangedSeries<ErrorBarSeriesOptions> {
|
|
@@ -10426,7 +11049,7 @@ declare class ErrorBarSeries extends LowRangedSeries<ErrorBarSeriesOptions> {
|
|
|
10426
11049
|
|
|
10427
11050
|
/**
|
|
10428
11051
|
* Funnel 시리즈 모델.<br/>
|
|
10429
|
-
* {@page op.SeriesOptions#type}은
|
|
11052
|
+
* {@page op.SeriesOptions#type}은 {@page config.series.funnel 'funnel'}이고,
|
|
10430
11053
|
* {@page options 설정} 모델은 {@page op.FunnelSeriesOptions}이다.
|
|
10431
11054
|
*/
|
|
10432
11055
|
declare class FunnelSeries extends WidgetSeries<FunnelSeriesOptions> {
|
|
@@ -10448,7 +11071,7 @@ declare class FunnelSeries extends WidgetSeries<FunnelSeriesOptions> {
|
|
|
10448
11071
|
|
|
10449
11072
|
/**
|
|
10450
11073
|
* Heatmap 시리즈 모델.<br/>
|
|
10451
|
-
* {@page op.SeriesOptions#type}은
|
|
11074
|
+
* {@page op.SeriesOptions#type}은 {@page config.series.heatmap 'heatmap'}이고,
|
|
10452
11075
|
* {@page options 설정} 모델은 {@page op.HeatmapSeriesOptions}이다.
|
|
10453
11076
|
*/
|
|
10454
11077
|
declare class HeatmapSeries extends Series<HeatmapSeriesOptions> {
|
|
@@ -10466,8 +11089,8 @@ declare class HeatmapSeries extends Series<HeatmapSeriesOptions> {
|
|
|
10466
11089
|
}
|
|
10467
11090
|
|
|
10468
11091
|
/**
|
|
10469
|
-
* [Histogram](https://en.wikipedia.org/wiki/Histogram)
|
|
10470
|
-
* {@page op.SeriesOptions#type}은
|
|
11092
|
+
* [Histogram](https://en.wikipedia.org/wiki/Histogram) 시리즈 모델.<br/>
|
|
11093
|
+
* {@page op.SeriesOptions#type}은 {@page config.series.histogram 'histogram'}이고,
|
|
10471
11094
|
* {@page options 설정} 모델은 {@page op.HistogramSeriesOptions}이다.
|
|
10472
11095
|
*/
|
|
10473
11096
|
declare class HistogramSeries extends Series<HistogramSeriesOptions> {
|
|
@@ -10489,8 +11112,8 @@ declare class LollipopSeriesMarker extends SeriesMarker<LollipopSeriesMarkerOpti
|
|
|
10489
11112
|
static defaults: LollipopSeriesMarkerOptions;
|
|
10490
11113
|
}
|
|
10491
11114
|
/**
|
|
10492
|
-
* Lollipop(막대 사탕)
|
|
10493
|
-
* {@page op.SeriesOptions#type}은
|
|
11115
|
+
* Lollipop(막대 사탕) 시리즈 모델.<br/>
|
|
11116
|
+
* {@page op.SeriesOptions#type}은 {@page config.series.lollipop 'lollipop'}이고,
|
|
10494
11117
|
* {@page options 설정} 모델은 {@page op.LollipopSeriesOptions}이다.
|
|
10495
11118
|
*/
|
|
10496
11119
|
declare class LollipopSeries extends BasedSeries<LollipopSeriesOptions> {
|
|
@@ -10507,8 +11130,8 @@ declare class LollipopSeries extends BasedSeries<LollipopSeriesOptions> {
|
|
|
10507
11130
|
}
|
|
10508
11131
|
|
|
10509
11132
|
/**
|
|
10510
|
-
*
|
|
10511
|
-
* {@page op.SeriesOptions#type}은
|
|
11133
|
+
* {@page https://en.wikipedia.org/wiki/Open-high-low-close_chart OHLC} 시리즈 모델.<br/>
|
|
11134
|
+
* {@page op.SeriesOptions#type}은 {@page config.series.ohlc 'ohlc'}이고,
|
|
10512
11135
|
* {@page options 설정} 모델은 {@page op.OhlcSeriesOptions}이다.
|
|
10513
11136
|
*/
|
|
10514
11137
|
declare class OhlcSeries extends CandlestickSeries<OhlcSeriesOptions> {
|
|
@@ -10521,7 +11144,7 @@ declare class ParetoSeriesPoint extends LineSeriesPoint {
|
|
|
10521
11144
|
}
|
|
10522
11145
|
/**
|
|
10523
11146
|
* Pareto 시리즈<br/>
|
|
10524
|
-
* {@page op.SeriesOptions#type}은
|
|
11147
|
+
* {@page op.SeriesOptions#type}은 {@page config.series.pareto 'pareto'}이고,
|
|
10525
11148
|
* {@page options 설정} 모델은 {@page op.ParetoSeriesOptions}이다.
|
|
10526
11149
|
*/
|
|
10527
11150
|
declare class ParetoSeries extends LineSeriesBase<ParetoSeriesOptions> {
|
|
@@ -10559,8 +11182,8 @@ declare class PieSeriesLabel extends DataPointLabel<PieSeriesLabelOptions> {
|
|
|
10559
11182
|
static defaults: PieSeriesLabelOptions;
|
|
10560
11183
|
}
|
|
10561
11184
|
/**
|
|
10562
|
-
* Pie
|
|
10563
|
-
* {@page op.SeriesOptions#type}은
|
|
11185
|
+
* Pie 시리즈 모델.<br/>
|
|
11186
|
+
* {@page op.SeriesOptions#type}은 {@page config.series.pie 'pie'}이고,
|
|
10564
11187
|
* {@page options 설정} 모델은 {@page op.PieSeriesOptions}이다.
|
|
10565
11188
|
*/
|
|
10566
11189
|
declare class PieSeries extends RadialSeries<PieSeriesOptions> {
|
|
@@ -10596,7 +11219,9 @@ declare class PieSeries extends RadialSeries<PieSeriesOptions> {
|
|
|
10596
11219
|
protected _doPrepareRender(): void;
|
|
10597
11220
|
}
|
|
10598
11221
|
/**
|
|
10599
|
-
*
|
|
11222
|
+
* Pie 시리즈그룹 모델.<br/>
|
|
11223
|
+
* {@page op.SeriesOptions#type}은 {@page config.series.piegroup 'piegroup'}이고,
|
|
11224
|
+
* {@page options 옵션} 모델은 {@page op.PieSeriesGroupOptions}이다.
|
|
10600
11225
|
*/
|
|
10601
11226
|
declare class PieSeriesGroup extends SeriesGroup<PieSeries, PieSeriesGroupOptions> {
|
|
10602
11227
|
static readonly type = "piegroup";
|
|
@@ -10618,7 +11243,7 @@ declare class ScatterSeriesPoint extends DataPoint {
|
|
|
10618
11243
|
}
|
|
10619
11244
|
/**
|
|
10620
11245
|
* Scatter 시리즈.<br/>
|
|
10621
|
-
* {@page op.SeriesOptions#type}은
|
|
11246
|
+
* {@page op.SeriesOptions#type}은 {@page config.series.scatter 'scatter'}이고,
|
|
10622
11247
|
* {@page options 설정} 모델은 {@page op.ScatterSeriesOptions}이다.
|
|
10623
11248
|
*/
|
|
10624
11249
|
declare class ScatterSeries extends MarkerSeries<ScatterSeriesOptions> {
|
|
@@ -10692,7 +11317,7 @@ declare class TreeNode {
|
|
|
10692
11317
|
}
|
|
10693
11318
|
/**
|
|
10694
11319
|
* Treemap 시리즈.<br/>
|
|
10695
|
-
* {@page op.SeriesOptions#type}은
|
|
11320
|
+
* {@page op.SeriesOptions#type}은 {@page config.series.treemap 'treemap'}이고,
|
|
10696
11321
|
* {@page options 설정} 모델은 {@page op.TreemapSeriesOptions}이다.
|
|
10697
11322
|
*/
|
|
10698
11323
|
declare class TreemapSeries extends Series<TreemapSeriesOptions> {
|
|
@@ -10730,8 +11355,8 @@ declare class TreemapSeries extends Series<TreemapSeriesOptions> {
|
|
|
10730
11355
|
}
|
|
10731
11356
|
|
|
10732
11357
|
/**
|
|
10733
|
-
* Vector
|
|
10734
|
-
* {@page op.SeriesOptions#type}은
|
|
11358
|
+
* Vector 시리즈 모델.<br/>
|
|
11359
|
+
* {@page op.SeriesOptions#type}은 {@page config.series.vecotor 'vector'}이고,
|
|
10735
11360
|
* {@page options 설정} 모델은 {@page op.VectorSeriesOptions}이다.
|
|
10736
11361
|
*/
|
|
10737
11362
|
declare class VectorSeries extends Series<VectorSeriesOptions> {
|
|
@@ -10750,8 +11375,8 @@ declare class WaterfallSeriesPoint extends DataPoint {
|
|
|
10750
11375
|
parse(series: WaterfallSeries): void;
|
|
10751
11376
|
}
|
|
10752
11377
|
/**
|
|
10753
|
-
* 폭포(Waterfall)
|
|
10754
|
-
* {@page op.SeriesOptions#type}은
|
|
11378
|
+
* 폭포(Waterfall) 시리즈 모델.<br/>
|
|
11379
|
+
* {@page op.SeriesOptions#type}은 {@page config.series.waterfall 'waterfall'}이고,
|
|
10755
11380
|
* {@page options 설정} 모델은 {@page op.WaterfallSeriesOptions}이다.
|
|
10756
11381
|
*/
|
|
10757
11382
|
declare class WaterfallSeries extends RangedSeries<WaterfallSeriesOptions> {
|
|
@@ -11012,10 +11637,12 @@ declare abstract class LinearGaugeGroupBase<T extends LinearGaugeBase = LinearGa
|
|
|
11012
11637
|
/**
|
|
11013
11638
|
* 선형 그룹게이지 모델.<br/>
|
|
11014
11639
|
* {@page options} 모델은 {@page op.LinearGaugeGroupOptions}이다.
|
|
11640
|
+
*
|
|
11641
|
+
* @config chart.gauge[type=lineargroup]
|
|
11015
11642
|
*/
|
|
11016
11643
|
declare class LinearGaugeGroup extends LinearGaugeGroupBase<LinearGauge, LinearGaugeGroupOptions> {
|
|
11017
11644
|
static readonly type = "lineargroup";
|
|
11018
|
-
static readonly gaugeType = "
|
|
11645
|
+
static readonly gaugeType = "linear";
|
|
11019
11646
|
private _band;
|
|
11020
11647
|
protected _doInitChildren(op: {
|
|
11021
11648
|
[child: string]: ChartItemOptions;
|
|
@@ -11065,7 +11692,7 @@ declare class BulletValueBar extends LinearValueBar<BulletValueBarOptions> {
|
|
|
11065
11692
|
}
|
|
11066
11693
|
/**
|
|
11067
11694
|
* Bullet 게이지 모델.<br/>
|
|
11068
|
-
* {@page op.GaugeOptions#type}은
|
|
11695
|
+
* {@page op.GaugeOptions#type}은 {@page config.gauge.bullet 'bullet'}이고,
|
|
11069
11696
|
* {@page options 설정} 모델은 {@page op.BulletGaugeOptions}이다.
|
|
11070
11697
|
*/
|
|
11071
11698
|
declare class BulletGauge extends LinearGaugeBase<BulletGaugeOptions> {
|
|
@@ -11098,7 +11725,8 @@ declare class BulletGauge extends LinearGaugeBase<BulletGaugeOptions> {
|
|
|
11098
11725
|
getRanges(min: number, max: number, inclusive: boolean): ValueRange[];
|
|
11099
11726
|
}
|
|
11100
11727
|
/**
|
|
11101
|
-
* Bullet
|
|
11728
|
+
* Bullet 게이지그룹 모델.<br/>
|
|
11729
|
+
* {@page op.GaugeOptions#type}은 {@page config.gauge.bulletgroup 'bulletgroup'}이고,
|
|
11102
11730
|
* {@page options} 모델은 {@page op.BulletGaugeGroupOptions}이다.
|
|
11103
11731
|
*/
|
|
11104
11732
|
declare class BulletGaugeGroup extends LinearGaugeGroupBase<BulletGauge, BulletGaugeGroupOptions> {
|
|
@@ -11256,7 +11884,7 @@ declare class ClockGauge extends Gauge<ClockGaugeOptions> {
|
|
|
11256
11884
|
|
|
11257
11885
|
/**
|
|
11258
11886
|
* Text Annotation 모델.<br/>
|
|
11259
|
-
* {@page op.AnnotationOptions#type}은
|
|
11887
|
+
* {@page op.AnnotationOptions#type}은 {@page config.annotation.text 'text'}이고,,
|
|
11260
11888
|
* {@page options 설정} 모델은 {@page op.TextAnnotationOptions}이다.
|
|
11261
11889
|
*/
|
|
11262
11890
|
declare class TextAnnotation extends Annotation<TextAnnotationOptions> {
|
|
@@ -11272,7 +11900,7 @@ declare class TextAnnotation extends Annotation<TextAnnotationOptions> {
|
|
|
11272
11900
|
|
|
11273
11901
|
/**
|
|
11274
11902
|
* 이미지 Annotation 모델.<br/>
|
|
11275
|
-
* {@page op.AnnotationOptions#type}은
|
|
11903
|
+
* {@page op.AnnotationOptions#type}은 {@page config.annotation.image 'image'}이고,,
|
|
11276
11904
|
* {@page options 설정} 모델은 {@page op.ImageAnnotationOptions}이다.
|
|
11277
11905
|
*/
|
|
11278
11906
|
declare class ImageAnnotation extends Annotation<ImageAnnotationOptions> {
|
|
@@ -11283,7 +11911,7 @@ declare class ImageAnnotation extends Annotation<ImageAnnotationOptions> {
|
|
|
11283
11911
|
|
|
11284
11912
|
/**
|
|
11285
11913
|
* Shape Annotation 모델.<br/>
|
|
11286
|
-
* {@page op.AnnotationOptions#type}은
|
|
11914
|
+
* {@page op.AnnotationOptions#type}은 {@page config.annotation.shape 'shape'}이고,,
|
|
11287
11915
|
* {@page options 설정} 모델은 {@page op.ShapeAnnotationOptions}이다.
|
|
11288
11916
|
*/
|
|
11289
11917
|
declare class ShapeAnnotation extends Annotation<ShapeAnnotationOptions> {
|