stz-chart-maker 2.3.6 → 2.3.7
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 +75 -162
- package/dist/index.js +3033 -3006
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -752,7 +752,6 @@ declare abstract class Chart<TType extends ChartType, TOptions extends CustomCha
|
|
|
752
752
|
* @param plugin - 단일 플러그인 또는 플러그인 배열
|
|
753
753
|
* @param replaceIfExists
|
|
754
754
|
* @Since 1.0.0
|
|
755
|
-
* @category plugin
|
|
756
755
|
*/
|
|
757
756
|
setPlugin(plugin: any | any[], replaceIfExists?: boolean): this;
|
|
758
757
|
/**
|
|
@@ -760,14 +759,12 @@ declare abstract class Chart<TType extends ChartType, TOptions extends CustomCha
|
|
|
760
759
|
* @param {string} id
|
|
761
760
|
* @returns {ChartConfig}
|
|
762
761
|
* @Since 1.0.0
|
|
763
|
-
* @category config
|
|
764
762
|
*/
|
|
765
763
|
makeConfig(id?: string): ChartConfig;
|
|
766
764
|
/**
|
|
767
765
|
* @description 플러그인을 제거합니다.
|
|
768
766
|
* @param pluginId
|
|
769
767
|
* @Since 1.0.0
|
|
770
|
-
* @category plugin
|
|
771
768
|
*
|
|
772
769
|
*/
|
|
773
770
|
removePlugin(pluginId: string): this;
|
|
@@ -776,7 +773,6 @@ declare abstract class Chart<TType extends ChartType, TOptions extends CustomCha
|
|
|
776
773
|
* @param pluginId
|
|
777
774
|
* @returns {boolean}
|
|
778
775
|
* @Since 1.0.0
|
|
779
|
-
* @category plugin
|
|
780
776
|
*/
|
|
781
777
|
hasPlugin(pluginId: string): boolean;
|
|
782
778
|
/**
|
|
@@ -785,7 +781,6 @@ declare abstract class Chart<TType extends ChartType, TOptions extends CustomCha
|
|
|
785
781
|
* @param callback
|
|
786
782
|
* @returns {this}
|
|
787
783
|
* @Since 1.0.0
|
|
788
|
-
* @category options
|
|
789
784
|
*/
|
|
790
785
|
onResize(callback: (chart: Chart$1<TType>, size: {
|
|
791
786
|
width: number;
|
|
@@ -796,7 +791,6 @@ declare abstract class Chart<TType extends ChartType, TOptions extends CustomCha
|
|
|
796
791
|
* @param {DeepPartial<CommonCartesianTitleConfig>} titleOptions
|
|
797
792
|
* @returns {this}
|
|
798
793
|
* @Since 1.0.0
|
|
799
|
-
* @category options
|
|
800
794
|
* @example
|
|
801
795
|
* chart.setTitle({
|
|
802
796
|
* text: '차트 제목',
|
|
@@ -809,7 +803,6 @@ declare abstract class Chart<TType extends ChartType, TOptions extends CustomCha
|
|
|
809
803
|
* @param {DeepPartial<LegendOptions<TType>>} legendOptions
|
|
810
804
|
* @returns {this}
|
|
811
805
|
* @Since 1.0.0
|
|
812
|
-
* @category options
|
|
813
806
|
* @example
|
|
814
807
|
* chart.setLegend({
|
|
815
808
|
* position: 'bottom',
|
|
@@ -836,7 +829,6 @@ declare abstract class Chart<TType extends ChartType, TOptions extends CustomCha
|
|
|
836
829
|
* @param {DeepPartial<TooltipOptions<TType>>} tooltipOptions
|
|
837
830
|
* @returns {this}
|
|
838
831
|
* @Since 2.4.0
|
|
839
|
-
* @category options
|
|
840
832
|
* @example
|
|
841
833
|
* chart.setTooltip({
|
|
842
834
|
* enabled: true,
|
|
@@ -849,7 +841,6 @@ declare abstract class Chart<TType extends ChartType, TOptions extends CustomCha
|
|
|
849
841
|
* @param {DeepPartial<TOptions>} options
|
|
850
842
|
* @returns {this}
|
|
851
843
|
* @since 2.4.0
|
|
852
|
-
* @category options
|
|
853
844
|
*/
|
|
854
845
|
mergeOptions(options: DeepPartial<TOptions>): this;
|
|
855
846
|
/**
|
|
@@ -857,7 +848,6 @@ declare abstract class Chart<TType extends ChartType, TOptions extends CustomCha
|
|
|
857
848
|
* @param {string} uid
|
|
858
849
|
* @returns {CustomChartDatasets<TType>}
|
|
859
850
|
* @since 1.0.0
|
|
860
|
-
* @category dataset
|
|
861
851
|
* @example
|
|
862
852
|
* const dataset = chart.getChartData('dataset-uid-or-label');
|
|
863
853
|
* console.log(dataset);
|
|
@@ -869,7 +859,6 @@ declare abstract class Chart<TType extends ChartType, TOptions extends CustomCha
|
|
|
869
859
|
* @param {string} uid
|
|
870
860
|
* @param {CustomChartDatasets<TType>} newDataset
|
|
871
861
|
* @since 1.0.0
|
|
872
|
-
* @category dataset
|
|
873
862
|
* @example
|
|
874
863
|
* chart.setChartData('dataset-uid-or-label', { label: 'New Dataset', data: [10, 20, 30] });
|
|
875
864
|
* @beta
|
|
@@ -881,7 +870,6 @@ declare abstract class Chart<TType extends ChartType, TOptions extends CustomCha
|
|
|
881
870
|
* @param {DeepPartial<CustomChartDatasets<TType>>} style
|
|
882
871
|
* @returns {this}
|
|
883
872
|
* @since 2.4.0
|
|
884
|
-
* @category dataset
|
|
885
873
|
*/
|
|
886
874
|
setDatasetStyle(uidOrIndex: string | number, style: DeepPartial<CustomChartDatasets<TType>>): this;
|
|
887
875
|
/**
|
|
@@ -889,7 +877,6 @@ declare abstract class Chart<TType extends ChartType, TOptions extends CustomCha
|
|
|
889
877
|
* @param {DeepPartial<CustomChartDatasets<TType>>} style
|
|
890
878
|
* @returns {this}
|
|
891
879
|
* @since 2.4.0
|
|
892
|
-
* @category dataset
|
|
893
880
|
*/
|
|
894
881
|
setAllDatasetStyle(style: DeepPartial<CustomChartDatasets<TType>>): this;
|
|
895
882
|
/**
|
|
@@ -897,7 +884,6 @@ declare abstract class Chart<TType extends ChartType, TOptions extends CustomCha
|
|
|
897
884
|
* @param {string | number} uidOrIndex
|
|
898
885
|
* @returns {this}
|
|
899
886
|
* @since 2.4.0
|
|
900
|
-
* @category dataset
|
|
901
887
|
*/
|
|
902
888
|
removeDataset(uidOrIndex: string | number): this;
|
|
903
889
|
/**
|
|
@@ -906,7 +892,6 @@ declare abstract class Chart<TType extends ChartType, TOptions extends CustomCha
|
|
|
906
892
|
* @param {string | number} dataUidOrIndex
|
|
907
893
|
* @returns {this}
|
|
908
894
|
* @since 2.4.0
|
|
909
|
-
* @category dataset
|
|
910
895
|
*/
|
|
911
896
|
removeData(datasetUidOrIndex: string | number, dataUidOrIndex?: string | number): this;
|
|
912
897
|
/**
|
|
@@ -914,7 +899,6 @@ declare abstract class Chart<TType extends ChartType, TOptions extends CustomCha
|
|
|
914
899
|
* @param {string | number} datasetUidOrIndex
|
|
915
900
|
* @returns {this}
|
|
916
901
|
* @since 2.4.0
|
|
917
|
-
* @category dataset
|
|
918
902
|
*/
|
|
919
903
|
clearData(datasetUidOrIndex?: string | number): this;
|
|
920
904
|
/**
|
|
@@ -924,7 +908,6 @@ declare abstract class Chart<TType extends ChartType, TOptions extends CustomCha
|
|
|
924
908
|
* @param {boolean} syncGroup
|
|
925
909
|
* @returns {this}
|
|
926
910
|
* @since 2.4.0
|
|
927
|
-
* @category dataset
|
|
928
911
|
*/
|
|
929
912
|
setDatasetVisible(uidOrIndex: string | number, visible: boolean, syncGroup?: boolean): this;
|
|
930
913
|
/**
|
|
@@ -933,7 +916,6 @@ declare abstract class Chart<TType extends ChartType, TOptions extends CustomCha
|
|
|
933
916
|
* @param {boolean} syncGroup
|
|
934
917
|
* @returns {this}
|
|
935
918
|
* @since 2.4.0
|
|
936
|
-
* @category dataset
|
|
937
919
|
*/
|
|
938
920
|
toggleDataset(uidOrIndex: string | number, syncGroup?: boolean): this;
|
|
939
921
|
/**
|
|
@@ -942,7 +924,6 @@ declare abstract class Chart<TType extends ChartType, TOptions extends CustomCha
|
|
|
942
924
|
* @param {string | number} group
|
|
943
925
|
* @returns {this}
|
|
944
926
|
* @since 2.4.0
|
|
945
|
-
* @category dataset
|
|
946
927
|
*/
|
|
947
928
|
setDatasetGroup(uidOrIndex: string | number, group: string | number): this;
|
|
948
929
|
/**
|
|
@@ -951,7 +932,6 @@ declare abstract class Chart<TType extends ChartType, TOptions extends CustomCha
|
|
|
951
932
|
* @param {StreamingOptions} streamingOptions - `chartjs-plugin-streaming` 플러그인에 전달할 옵션 객체.
|
|
952
933
|
* @returns {this}
|
|
953
934
|
* @since 1.8.0
|
|
954
|
-
* @category plugin
|
|
955
935
|
* @example
|
|
956
936
|
* // 1. 사용자 측에서 웹소켓 등 데이터 소스 설정
|
|
957
937
|
* const myWebSocket = new WebSocket('wss://my-data-source');
|
|
@@ -1051,7 +1031,6 @@ declare abstract class CartesianChart<TType extends CartesianChartType> extends
|
|
|
1051
1031
|
* @param {number} idx
|
|
1052
1032
|
* @Returns {void}
|
|
1053
1033
|
* @Since 1.0.1
|
|
1054
|
-
* @category Dataset
|
|
1055
1034
|
*/
|
|
1056
1035
|
protected decorateDataset(ds: any, idx: number): void;
|
|
1057
1036
|
protected mustHavePlugins(): ({
|
|
@@ -1086,7 +1065,6 @@ declare abstract class CartesianChart<TType extends CartesianChartType> extends
|
|
|
1086
1065
|
* @param id
|
|
1087
1066
|
* @returns {ChartConfig}
|
|
1088
1067
|
* @Since 1.0.0
|
|
1089
|
-
* @category Chart
|
|
1090
1068
|
*/
|
|
1091
1069
|
build(id?: string): ChartConfig;
|
|
1092
1070
|
/**
|
|
@@ -1106,7 +1084,6 @@ declare abstract class CartesianChart<TType extends CartesianChartType> extends
|
|
|
1106
1084
|
* @private
|
|
1107
1085
|
* @description Cartesian chart type을 체크 합니다.
|
|
1108
1086
|
* @since 1.0.0
|
|
1109
|
-
* @category Chart
|
|
1110
1087
|
*/
|
|
1111
1088
|
private isCartesianChartType;
|
|
1112
1089
|
/**
|
|
@@ -1114,7 +1091,6 @@ declare abstract class CartesianChart<TType extends CartesianChartType> extends
|
|
|
1114
1091
|
* @param scales
|
|
1115
1092
|
* @returns {this}
|
|
1116
1093
|
* @since 1.0.0
|
|
1117
|
-
* @category Scales
|
|
1118
1094
|
*/
|
|
1119
1095
|
setScales(scales: CommonAxesSacels): this;
|
|
1120
1096
|
/**
|
|
@@ -1138,7 +1114,6 @@ declare abstract class CartesianChart<TType extends CartesianChartType> extends
|
|
|
1138
1114
|
* @param {TimeScaleConfig} timeScaleConfig - 시간 축 상세 설정입니다. 비워두면 기본 시간 축 설정이 적용됩니다.
|
|
1139
1115
|
* @returns {this}
|
|
1140
1116
|
* @since 2.3.2
|
|
1141
|
-
* @category Scales
|
|
1142
1117
|
* @example
|
|
1143
1118
|
* // 기본 시간 축 적용
|
|
1144
1119
|
* const chart = ChartWrapper.create('line', [], [
|
|
@@ -1188,7 +1163,6 @@ declare abstract class CartesianChart<TType extends CartesianChartType> extends
|
|
|
1188
1163
|
* @param {CommonCartesianTitleConfig} titleConfig - 축 제목 설정 옵션
|
|
1189
1164
|
* @returns {this}
|
|
1190
1165
|
* @since 1.0.0
|
|
1191
|
-
* @category Scales
|
|
1192
1166
|
* @example
|
|
1193
1167
|
* chart.setAxisTitle('y', { display: true, text: 'Primary Y Axis' });
|
|
1194
1168
|
* chart.setAxisTitle('y1', { display: true, text: 'Secondary Y Axis' });
|
|
@@ -1201,7 +1175,6 @@ declare abstract class CartesianChart<TType extends CartesianChartType> extends
|
|
|
1201
1175
|
* @param gridOptions
|
|
1202
1176
|
* @returns {this}
|
|
1203
1177
|
* @since 1.0.0
|
|
1204
|
-
* @category Scales
|
|
1205
1178
|
*/
|
|
1206
1179
|
setGridOptions(axis: 'x' | 'y', gridOptions: {
|
|
1207
1180
|
display?: boolean;
|
|
@@ -1215,7 +1188,6 @@ declare abstract class CartesianChart<TType extends CartesianChartType> extends
|
|
|
1215
1188
|
* @param {CustomZoomType<TType>} zoomOption
|
|
1216
1189
|
* @returns {this}
|
|
1217
1190
|
* @since 2.4.0
|
|
1218
|
-
* @category Plugins
|
|
1219
1191
|
*/
|
|
1220
1192
|
setZoom(enabled: boolean, zoomOption?: DeepPartialZoomType): this;
|
|
1221
1193
|
/**
|
|
@@ -1225,7 +1197,6 @@ declare abstract class CartesianChart<TType extends CartesianChartType> extends
|
|
|
1225
1197
|
* @param zoomOption - 사용자 정의 줌 옵션입니다.
|
|
1226
1198
|
* @returns {this}
|
|
1227
1199
|
* @since 1.0.0
|
|
1228
|
-
* @category Plugins
|
|
1229
1200
|
* @defaultValue defaultZoom = false
|
|
1230
1201
|
* @example
|
|
1231
1202
|
* // 기존 방식
|
|
@@ -1252,7 +1223,6 @@ declare abstract class CartesianChart<TType extends CartesianChartType> extends
|
|
|
1252
1223
|
* @param axisId
|
|
1253
1224
|
* @returns {this}
|
|
1254
1225
|
* @since 1.0.0
|
|
1255
|
-
* @category Scales
|
|
1256
1226
|
* @defaultValue axisId = 'y'
|
|
1257
1227
|
*/
|
|
1258
1228
|
setYAxisForDataset(datasetIndex: number, axisId?: string): this;
|
|
@@ -1260,7 +1230,6 @@ declare abstract class CartesianChart<TType extends CartesianChartType> extends
|
|
|
1260
1230
|
* @private
|
|
1261
1231
|
* @description y1 축을 보장합니다.
|
|
1262
1232
|
* @since 1.0.0
|
|
1263
|
-
* @category Scales
|
|
1264
1233
|
*/
|
|
1265
1234
|
private ensureY1AxisExists;
|
|
1266
1235
|
/**
|
|
@@ -1270,7 +1239,6 @@ declare abstract class CartesianChart<TType extends CartesianChartType> extends
|
|
|
1270
1239
|
* @param max
|
|
1271
1240
|
* @returns {this}
|
|
1272
1241
|
* @since 1.0.0
|
|
1273
|
-
* @category Scales
|
|
1274
1242
|
*/
|
|
1275
1243
|
setAxisRange(axis: 'x' | 'y', min?: number, max?: number): this;
|
|
1276
1244
|
/**
|
|
@@ -1280,7 +1248,6 @@ declare abstract class CartesianChart<TType extends CartesianChartType> extends
|
|
|
1280
1248
|
* @returns {this}
|
|
1281
1249
|
* @throws {CustomError} 해당 차트 타입이 yAxisID 옵션을 지원하지 않을 경우 에러를 발생시킵니다.
|
|
1282
1250
|
* @since 1.0.0
|
|
1283
|
-
* @category Scales
|
|
1284
1251
|
*/
|
|
1285
1252
|
setYAxisID(datasetIndex: number, axisID: string): this;
|
|
1286
1253
|
/**
|
|
@@ -1290,7 +1257,6 @@ declare abstract class CartesianChart<TType extends CartesianChartType> extends
|
|
|
1290
1257
|
* @returns {this}
|
|
1291
1258
|
* @throws {CustomError} 해당 축이 존재하지 않거나 position 옵션을 지원하지 않을 경우 에러를 발생시킵니다.
|
|
1292
1259
|
* @since 1.0.0
|
|
1293
|
-
* @category Scales
|
|
1294
1260
|
*/
|
|
1295
1261
|
setAxisPosition(axis: string, position: 'left' | 'right'): this;
|
|
1296
1262
|
/**
|
|
@@ -1371,7 +1337,6 @@ declare abstract class CartesianChart<TType extends CartesianChartType> extends
|
|
|
1371
1337
|
* @returns {this}
|
|
1372
1338
|
* @throws {CustomError} 옵션이 비어있거나 객체가 아닐 경우 에러를 발생시킵니다.
|
|
1373
1339
|
* @Since 1.0.0
|
|
1374
|
-
* @category Plugins
|
|
1375
1340
|
*/
|
|
1376
1341
|
customLegend(obj: HtmlLegendOptions): this;
|
|
1377
1342
|
/**
|
|
@@ -1381,7 +1346,6 @@ declare abstract class CartesianChart<TType extends CartesianChartType> extends
|
|
|
1381
1346
|
* @returns {CustomCartesianDataset<TType> | undefined}
|
|
1382
1347
|
* @throws {CustomError} UID가 없거나 데이터셋이 비어있을 때 에러를 발생시킵니다.
|
|
1383
1348
|
* @Since 1.0.0
|
|
1384
|
-
* @category Dataset
|
|
1385
1349
|
*/
|
|
1386
1350
|
getDataset(uid: string): CustomCartesianDataset<TType> | undefined;
|
|
1387
1351
|
/**
|
|
@@ -1392,7 +1356,6 @@ declare abstract class CartesianChart<TType extends CartesianChartType> extends
|
|
|
1392
1356
|
* @returns {this}
|
|
1393
1357
|
* @throws {CustomError} UID가 없거나 데이터셋이 비어있을 때 에러를 발생시킵니다.
|
|
1394
1358
|
* @Since 1.0.0
|
|
1395
|
-
* @category Dataset
|
|
1396
1359
|
*/
|
|
1397
1360
|
setDataset(uid: string, dataset: CustomCartesianDataset<TType>): this;
|
|
1398
1361
|
/**
|
|
@@ -1401,7 +1364,6 @@ declare abstract class CartesianChart<TType extends CartesianChartType> extends
|
|
|
1401
1364
|
* @returns {CustomCartesianDataset<TType> | undefined}
|
|
1402
1365
|
* @throws {CustomError} 데이터셋이 없거나 찾을 수 없을 때 에러를 발생시킵니다.
|
|
1403
1366
|
* @since 1.6.6
|
|
1404
|
-
* @category Dataset
|
|
1405
1367
|
* @example
|
|
1406
1368
|
* // UID로 조회
|
|
1407
1369
|
* const dataset = chart.getData('dataset-uid');
|
|
@@ -1417,7 +1379,6 @@ declare abstract class CartesianChart<TType extends CartesianChartType> extends
|
|
|
1417
1379
|
* @returns {this}
|
|
1418
1380
|
* @throws {CustomError} 데이터셋이 없거나 찾을 수 없을 때 에러를 발생시킵니다.
|
|
1419
1381
|
* @since 1.6.6
|
|
1420
|
-
* @category Dataset
|
|
1421
1382
|
* @example
|
|
1422
1383
|
* // UID로 교체
|
|
1423
1384
|
* chart.setData('dataset-uid', { label: 'New Dataset', data: [...] });
|
|
@@ -1433,7 +1394,6 @@ declare abstract class CartesianChart<TType extends CartesianChartType> extends
|
|
|
1433
1394
|
* @returns {string}
|
|
1434
1395
|
* @throws {CustomError} 데이터셋이 null 또는 undefined일 때 에러를 발생시킵니다.
|
|
1435
1396
|
* @Since 1.0.0
|
|
1436
|
-
* @category Dataset
|
|
1437
1397
|
*/
|
|
1438
1398
|
addDataset(dataset: CustomCartesianDataset<TType>): string;
|
|
1439
1399
|
/**
|
|
@@ -1442,7 +1402,6 @@ declare abstract class CartesianChart<TType extends CartesianChartType> extends
|
|
|
1442
1402
|
* @param {GridLineOptions} gridOptions
|
|
1443
1403
|
* @returns {this}
|
|
1444
1404
|
* @Since 1.0.0
|
|
1445
|
-
* @category scales
|
|
1446
1405
|
* @example
|
|
1447
1406
|
* chart.setGrid('y', { color: 'rgba(0, 0, 0, 0.1)', lineWidth: 1 });
|
|
1448
1407
|
*/
|
|
@@ -1452,7 +1411,6 @@ declare abstract class CartesianChart<TType extends CartesianChartType> extends
|
|
|
1452
1411
|
* @param {string} color
|
|
1453
1412
|
* @returns {this}
|
|
1454
1413
|
* @Since 1.0.0
|
|
1455
|
-
* @category options
|
|
1456
1414
|
* @example
|
|
1457
1415
|
* chart.setBackgroundColor('rgba(255, 255, 255, 0.5)');
|
|
1458
1416
|
* chart.setBackgroundColor('#f0f0f0');
|
|
@@ -1465,7 +1423,6 @@ declare abstract class CartesianChart<TType extends CartesianChartType> extends
|
|
|
1465
1423
|
* @returns {this}
|
|
1466
1424
|
* @throws {CustomError} 데이터셋이 없거나 인덱스가 유효하지 않을 경우 에러를 발생시킵니다.
|
|
1467
1425
|
* @since 1.6.6
|
|
1468
|
-
* @category Dataset
|
|
1469
1426
|
* @example
|
|
1470
1427
|
* // 마지막 데이터셋에 단일 데이터 추가
|
|
1471
1428
|
* chart.addData({ x: 10, y: 20 });
|
|
@@ -1505,7 +1462,6 @@ declare class BarChart extends CartesianChart<'bar'> implements BarChartBuilder
|
|
|
1505
1462
|
* @param {number} thickness
|
|
1506
1463
|
* @description 데이터셋의 Bar Thickness를 설정합니다.
|
|
1507
1464
|
* @Since 1.0.0
|
|
1508
|
-
* @category dataset
|
|
1509
1465
|
*/
|
|
1510
1466
|
setBarThickness(datasetIndex: number, thickness: number): this;
|
|
1511
1467
|
/**
|
|
@@ -1513,7 +1469,6 @@ declare class BarChart extends CartesianChart<'bar'> implements BarChartBuilder
|
|
|
1513
1469
|
* @param {number} thickness
|
|
1514
1470
|
* @description 모든 데이터셋의 Bar Thickness를 설정합니다.
|
|
1515
1471
|
* @Since 1.0.0
|
|
1516
|
-
* @category dataset
|
|
1517
1472
|
*/
|
|
1518
1473
|
setAllBarThickness(thickness: number): this;
|
|
1519
1474
|
/**
|
|
@@ -1522,7 +1477,6 @@ declare class BarChart extends CartesianChart<'bar'> implements BarChartBuilder
|
|
|
1522
1477
|
* @param {number} maxThickness
|
|
1523
1478
|
* @description 데이터셋의 Max Bar Thickness를 설정합니다.
|
|
1524
1479
|
* @Since 1.0.0
|
|
1525
|
-
* @category dataset
|
|
1526
1480
|
*/
|
|
1527
1481
|
setMaxBarThickness(datasetIndex: number, maxThickness: number): this;
|
|
1528
1482
|
/**
|
|
@@ -1530,7 +1484,6 @@ declare class BarChart extends CartesianChart<'bar'> implements BarChartBuilder
|
|
|
1530
1484
|
* @param {number} maxThickness
|
|
1531
1485
|
* @description 모든 데이터셋의 Max Bar Thickness를 설정합니다.
|
|
1532
1486
|
* @Since 1.0.0
|
|
1533
|
-
* @category dataset
|
|
1534
1487
|
*/
|
|
1535
1488
|
setAllMaxBarThickness(maxThickness: number): this;
|
|
1536
1489
|
/**
|
|
@@ -1539,7 +1492,6 @@ declare class BarChart extends CartesianChart<'bar'> implements BarChartBuilder
|
|
|
1539
1492
|
* @param {number} percentage
|
|
1540
1493
|
* @description 데이터셋의 Bar Percentage를 설정합니다.
|
|
1541
1494
|
* @Since 1.0.0
|
|
1542
|
-
* @category dataset
|
|
1543
1495
|
*/
|
|
1544
1496
|
setBarPercentage(datasetIndex: number, percentage: number): this;
|
|
1545
1497
|
/**
|
|
@@ -1547,7 +1499,6 @@ declare class BarChart extends CartesianChart<'bar'> implements BarChartBuilder
|
|
|
1547
1499
|
* @param {number} percentage
|
|
1548
1500
|
* @description 모든 데이터셋의 Bar Percentage를 설정합니다.
|
|
1549
1501
|
* @Since 1.0.0
|
|
1550
|
-
* @category dataset
|
|
1551
1502
|
*/
|
|
1552
1503
|
setAllBarPercentage(percentage: number): this;
|
|
1553
1504
|
/**
|
|
@@ -1556,7 +1507,6 @@ declare class BarChart extends CartesianChart<'bar'> implements BarChartBuilder
|
|
|
1556
1507
|
* @param {number} percentage
|
|
1557
1508
|
* @description 데이터셋의 Category Percentage를 설정합니다.
|
|
1558
1509
|
* @Since 1.0.0
|
|
1559
|
-
* @category dataset
|
|
1560
1510
|
*/
|
|
1561
1511
|
setCategoryPercentage(datasetIndex: number, percentage: number): this;
|
|
1562
1512
|
/**
|
|
@@ -1564,7 +1514,6 @@ declare class BarChart extends CartesianChart<'bar'> implements BarChartBuilder
|
|
|
1564
1514
|
* @param {number} percentage
|
|
1565
1515
|
* @description 모든 데이터셋의 Category Percentage를 설정합니다.
|
|
1566
1516
|
* @Since 1.0.0
|
|
1567
|
-
* @category dataset
|
|
1568
1517
|
*/
|
|
1569
1518
|
setAllCategoryPercentage(percentage: number): this;
|
|
1570
1519
|
/**
|
|
@@ -1573,7 +1522,6 @@ declare class BarChart extends CartesianChart<'bar'> implements BarChartBuilder
|
|
|
1573
1522
|
* @param {number} borderWidth
|
|
1574
1523
|
* @description 데이터셋의 Border Width 설정합니다.
|
|
1575
1524
|
* @Since 1.0.0
|
|
1576
|
-
* @category dataset
|
|
1577
1525
|
*/
|
|
1578
1526
|
setBorderWidth(datasetIndex: number, borderWidth: number): this;
|
|
1579
1527
|
/**
|
|
@@ -1581,7 +1529,6 @@ declare class BarChart extends CartesianChart<'bar'> implements BarChartBuilder
|
|
|
1581
1529
|
* @param {number} borderWidth
|
|
1582
1530
|
* @description 모든 데이터셋의 Border Width 설정합니다.
|
|
1583
1531
|
* @Since 1.0.0
|
|
1584
|
-
* @category dataset
|
|
1585
1532
|
*/
|
|
1586
1533
|
setAllBorderWidth(borderWidth: number): this;
|
|
1587
1534
|
/**
|
|
@@ -1590,7 +1537,6 @@ declare class BarChart extends CartesianChart<'bar'> implements BarChartBuilder
|
|
|
1590
1537
|
* @param {number} borderRadius
|
|
1591
1538
|
* @description 데이터셋의 Border Radius 를 설정합니다.
|
|
1592
1539
|
* @Since 1.0.0
|
|
1593
|
-
* @category dataset
|
|
1594
1540
|
*/
|
|
1595
1541
|
setBorderRadius(datasetIndex: number, borderRadius: number): this;
|
|
1596
1542
|
/**
|
|
@@ -1598,7 +1544,6 @@ declare class BarChart extends CartesianChart<'bar'> implements BarChartBuilder
|
|
|
1598
1544
|
* @param {number} borderRadius
|
|
1599
1545
|
* @description 모든 데이터셋의 Border Radius 를 설정합니다.
|
|
1600
1546
|
* @Since 1.0.0
|
|
1601
|
-
* @category dataset
|
|
1602
1547
|
*/
|
|
1603
1548
|
setAllBorderRadius(borderRadius: number): this;
|
|
1604
1549
|
/**
|
|
@@ -1606,7 +1551,6 @@ declare class BarChart extends CartesianChart<'bar'> implements BarChartBuilder
|
|
|
1606
1551
|
* @param {boolean} isStacked
|
|
1607
1552
|
* @description 모든 축에 대해 Stacked 옵션을 설정합니다.
|
|
1608
1553
|
* @Since 1.0.0
|
|
1609
|
-
* @category scales
|
|
1610
1554
|
*/
|
|
1611
1555
|
setStacked(isStacked: boolean): this;
|
|
1612
1556
|
/**
|
|
@@ -1614,7 +1558,6 @@ declare class BarChart extends CartesianChart<'bar'> implements BarChartBuilder
|
|
|
1614
1558
|
* @param {string} axis
|
|
1615
1559
|
* @description 축에 이미지를 설정합니다. 축이 이미 존재하는 경우 경고 메시지를 출력합니다.
|
|
1616
1560
|
* @Since 1.0.0
|
|
1617
|
-
* @category plugins
|
|
1618
1561
|
* @Returns {this}
|
|
1619
1562
|
*/
|
|
1620
1563
|
setBarImg(axis: string): this;
|
|
@@ -1622,7 +1565,6 @@ declare class BarChart extends CartesianChart<'bar'> implements BarChartBuilder
|
|
|
1622
1565
|
* @description 스파크바 차트 옵션을 적용합니다. mixed 차트에서는 동작하지 않습니다.
|
|
1623
1566
|
* @returns {this}
|
|
1624
1567
|
* @since 1.0.0
|
|
1625
|
-
* @category options
|
|
1626
1568
|
* @beta (기능 테스트 중)
|
|
1627
1569
|
*/
|
|
1628
1570
|
sparkBarChart(): this;
|
|
@@ -1633,7 +1575,6 @@ declare class BarChart extends CartesianChart<'bar'> implements BarChartBuilder
|
|
|
1633
1575
|
* @returns {this}
|
|
1634
1576
|
* @throws {CustomError} 데이터가 yyyy-mm-dd 포맷이 아닐 경우 INVALID_DATA_STRUCTURE 에러 발생
|
|
1635
1577
|
* @since 1.0.0
|
|
1636
|
-
* @category options
|
|
1637
1578
|
* @example
|
|
1638
1579
|
* // 간트차트 데이터 형식 (배열):
|
|
1639
1580
|
* const datasets = [
|
|
@@ -1676,7 +1617,6 @@ declare class LineChart extends CartesianChart<'line'> implements LineChartBuild
|
|
|
1676
1617
|
* @returns {boolean}
|
|
1677
1618
|
* @description 라인 차트는 카테고리형 x축일 때 라벨이 필수입니다.
|
|
1678
1619
|
* @Since 1.0.0
|
|
1679
|
-
* @category config
|
|
1680
1620
|
* @override
|
|
1681
1621
|
*/
|
|
1682
1622
|
protected requireLabels(): boolean;
|
|
@@ -1686,7 +1626,6 @@ declare class LineChart extends CartesianChart<'line'> implements LineChartBuild
|
|
|
1686
1626
|
* @returns {ChartConfiguration}
|
|
1687
1627
|
* @description 차트 설정 객체를 생성합니다.
|
|
1688
1628
|
* @Since 1.0.0
|
|
1689
|
-
* @category config
|
|
1690
1629
|
* @override
|
|
1691
1630
|
* @Deprecated use build() Method
|
|
1692
1631
|
*/
|
|
@@ -1704,7 +1643,6 @@ declare class LineChart extends CartesianChart<'line'> implements LineChartBuild
|
|
|
1704
1643
|
* @param {string} backgroundColor
|
|
1705
1644
|
* @description 데이터셋의 Fill 설정을 합니다.
|
|
1706
1645
|
* @Since 1.0.0
|
|
1707
|
-
* @category dataset
|
|
1708
1646
|
*/
|
|
1709
1647
|
setFill(datasetIndex: number, enable: boolean, backgroundColor?: string): this;
|
|
1710
1648
|
/**
|
|
@@ -1713,7 +1651,6 @@ declare class LineChart extends CartesianChart<'line'> implements LineChartBuild
|
|
|
1713
1651
|
* @param {string} backgroundColor
|
|
1714
1652
|
* @description 모든 데이터셋의 Fill 설정을 합니다.
|
|
1715
1653
|
* @Since 1.0.0
|
|
1716
|
-
* @category dataset
|
|
1717
1654
|
*
|
|
1718
1655
|
*/
|
|
1719
1656
|
setAllFill(enable: boolean, backgroundColor?: string): this;
|
|
@@ -1723,7 +1660,6 @@ declare class LineChart extends CartesianChart<'line'> implements LineChartBuild
|
|
|
1723
1660
|
* @param {number} tension
|
|
1724
1661
|
* @description 라인 차트의 곡률을 설정합니다.
|
|
1725
1662
|
* @Since 1.0.0
|
|
1726
|
-
* @category dataset
|
|
1727
1663
|
*/
|
|
1728
1664
|
setTension(datasetIndex: number, tension: number): this;
|
|
1729
1665
|
/**
|
|
@@ -1731,7 +1667,6 @@ declare class LineChart extends CartesianChart<'line'> implements LineChartBuild
|
|
|
1731
1667
|
* @param {number} tension
|
|
1732
1668
|
* @description 모든 데이터셋의 곡률을 설정합니다.
|
|
1733
1669
|
* @Since 1.0.0
|
|
1734
|
-
* @category dataset
|
|
1735
1670
|
*
|
|
1736
1671
|
*/
|
|
1737
1672
|
setAllTension(tension: number): this;
|
|
@@ -1741,7 +1676,6 @@ declare class LineChart extends CartesianChart<'line'> implements LineChartBuild
|
|
|
1741
1676
|
* @param {number} borderWidth
|
|
1742
1677
|
* @description 데이터셋의 Border Width를 설정합니다.
|
|
1743
1678
|
* @Since 1.0.0
|
|
1744
|
-
* @category dataset
|
|
1745
1679
|
*/
|
|
1746
1680
|
setBorderWidth(datasetIndex: number, borderWidth: number): this;
|
|
1747
1681
|
setAllBorderWidth(borderWidth: number): this;
|
|
@@ -1757,7 +1691,6 @@ declare class LineChart extends CartesianChart<'line'> implements LineChartBuild
|
|
|
1757
1691
|
* @param {number} radius
|
|
1758
1692
|
* @description 모든 라인 차트의 Point Radius를 설정합니다.
|
|
1759
1693
|
* @Since 1.0.0
|
|
1760
|
-
* @category dataset
|
|
1761
1694
|
*/
|
|
1762
1695
|
setAllPointRadius(radius: number): this;
|
|
1763
1696
|
/**
|
|
@@ -1766,7 +1699,6 @@ declare class LineChart extends CartesianChart<'line'> implements LineChartBuild
|
|
|
1766
1699
|
* @param {number} hoverRadius
|
|
1767
1700
|
* @description 데이터셋의 Point Hover Radius를 설정합니다.
|
|
1768
1701
|
* @Since 1.0.0
|
|
1769
|
-
* @category dataset
|
|
1770
1702
|
*/
|
|
1771
1703
|
setPointHoverRadius(datasetIndex: number, hoverRadius: number): this;
|
|
1772
1704
|
/**
|
|
@@ -1774,7 +1706,6 @@ declare class LineChart extends CartesianChart<'line'> implements LineChartBuild
|
|
|
1774
1706
|
* @param {number} hoverRadius
|
|
1775
1707
|
* @description 모든 데이터셋의 Point Hover Radius를 설정합니다.
|
|
1776
1708
|
* @Since 1.0.0
|
|
1777
|
-
* @category dataset
|
|
1778
1709
|
*
|
|
1779
1710
|
*/
|
|
1780
1711
|
setAllPointHoverRadius(hoverRadius: number): this;
|
|
@@ -1787,7 +1718,6 @@ declare class LineChart extends CartesianChart<'line'> implements LineChartBuild
|
|
|
1787
1718
|
* @description 지정된 데이터셋에 단계별 그라디언트를 적용합니다.
|
|
1788
1719
|
* @remarks step 인자는 2 이상만 지원할것입니다.
|
|
1789
1720
|
* @Since 1.0.0
|
|
1790
|
-
* @category dataset
|
|
1791
1721
|
* @beta (기능 테스트 중)
|
|
1792
1722
|
*/
|
|
1793
1723
|
setGradient(datasetIndex: number, steps: number, colors: string[], direction?: 'vertical' | 'horizontal'): this;
|
|
@@ -1798,7 +1728,6 @@ declare class LineChart extends CartesianChart<'line'> implements LineChartBuild
|
|
|
1798
1728
|
* @param {'vertical' | 'horizontal'} direction - 그라디언트 방향 (기본값: vertical)
|
|
1799
1729
|
* @description 모든 데이터셋에 동일한 그라디언트를 적용합니다.
|
|
1800
1730
|
* @Since 1.0.0
|
|
1801
|
-
* @category dataset
|
|
1802
1731
|
* @beta (기능 테스트 중)
|
|
1803
1732
|
*/
|
|
1804
1733
|
setAllGradient(steps: number, colors: string[], direction?: 'vertical' | 'horizontal'): this;
|
|
@@ -1807,7 +1736,6 @@ declare class LineChart extends CartesianChart<'line'> implements LineChartBuild
|
|
|
1807
1736
|
* @param {number} datasetIndex - 대상 데이터셋 인덱스
|
|
1808
1737
|
* @description 지정된 데이터셋의 그라디언트를 제거합니다.
|
|
1809
1738
|
* @Since 1.0.0
|
|
1810
|
-
* @category dataset
|
|
1811
1739
|
* @beta (기능 테스트 중)
|
|
1812
1740
|
*/
|
|
1813
1741
|
removeGradient(datasetIndex: number): this;
|
|
@@ -1815,7 +1743,6 @@ declare class LineChart extends CartesianChart<'line'> implements LineChartBuild
|
|
|
1815
1743
|
*
|
|
1816
1744
|
* @description 모든 데이터셋의 그라디언트를 제거합니다.
|
|
1817
1745
|
* @Since 1.0.0
|
|
1818
|
-
* @category dataset
|
|
1819
1746
|
* @beta (기능 테스트 중)
|
|
1820
1747
|
*/
|
|
1821
1748
|
removeAllGradients(): this;
|
|
@@ -1825,7 +1752,6 @@ declare class LineChart extends CartesianChart<'line'> implements LineChartBuild
|
|
|
1825
1752
|
* @returns {number[]} 0부터 1까지의 위치 배열
|
|
1826
1753
|
* @description 주어진 단계 수에 따라 그라디언트 위치를 계산합니다.
|
|
1827
1754
|
* @Since 1.0.0
|
|
1828
|
-
* @category utility
|
|
1829
1755
|
* @private
|
|
1830
1756
|
* @beta (기능 테스트 중)
|
|
1831
1757
|
*/
|
|
@@ -1834,7 +1760,6 @@ declare class LineChart extends CartesianChart<'line'> implements LineChartBuild
|
|
|
1834
1760
|
* @description 스파크라인 차트 옵션을 적용합니다. mixed 차트에서는 동작하지 않습니다.
|
|
1835
1761
|
* @returns {this}
|
|
1836
1762
|
* @since 1.0.1
|
|
1837
|
-
* @category options
|
|
1838
1763
|
* @beta (기능 테스트 중)
|
|
1839
1764
|
*/
|
|
1840
1765
|
sparkLineChart(): this;
|
|
@@ -1856,7 +1781,6 @@ declare class BubbleChart extends CartesianChart<'bubble'> implements BubbleChar
|
|
|
1856
1781
|
* @param {number} radius - 반지름 값
|
|
1857
1782
|
* @returns {this}
|
|
1858
1783
|
* @since 1.0.0
|
|
1859
|
-
* @category dataset
|
|
1860
1784
|
*/
|
|
1861
1785
|
setBubbleRadius(datasetIndex: number, radius: number): this;
|
|
1862
1786
|
/**
|
|
@@ -1864,7 +1788,6 @@ declare class BubbleChart extends CartesianChart<'bubble'> implements BubbleChar
|
|
|
1864
1788
|
* @param {number} radius - 반지름 값
|
|
1865
1789
|
* @returns {this}
|
|
1866
1790
|
* @since 1.0.0
|
|
1867
|
-
* @category dataset
|
|
1868
1791
|
*/
|
|
1869
1792
|
setAllBubbleRadius(radius: number): this;
|
|
1870
1793
|
/**
|
|
@@ -1874,7 +1797,6 @@ declare class BubbleChart extends CartesianChart<'bubble'> implements BubbleChar
|
|
|
1874
1797
|
* @param {number} radius - 반지름 값
|
|
1875
1798
|
* @returns {this}
|
|
1876
1799
|
* @since 1.0.0
|
|
1877
|
-
* @category data
|
|
1878
1800
|
* @example
|
|
1879
1801
|
* bubbleChart.setBubbleDataRadius(0, 2, 25); // 첫 번째 데이터셋의 세 번째 버블 크기를 25로 설정
|
|
1880
1802
|
*/
|
|
@@ -1885,7 +1807,6 @@ declare class BubbleChart extends CartesianChart<'bubble'> implements BubbleChar
|
|
|
1885
1807
|
* @param {number} radius - 반지름 값
|
|
1886
1808
|
* @returns {this}
|
|
1887
1809
|
* @since 1.0.0
|
|
1888
|
-
* @category data
|
|
1889
1810
|
* @example
|
|
1890
1811
|
* bubbleChart.setAllBubbleDataRadius(0, 15); // 첫 번째 데이터셋의 모든 버블 크기를 15로 설정
|
|
1891
1812
|
*/
|
|
@@ -1897,7 +1818,6 @@ declare class BubbleChart extends CartesianChart<'bubble'> implements BubbleChar
|
|
|
1897
1818
|
* @param {number} radius - 반지름 값
|
|
1898
1819
|
* @returns {this}
|
|
1899
1820
|
* @since 1.0.0
|
|
1900
|
-
* @category data
|
|
1901
1821
|
* @example
|
|
1902
1822
|
* bubbleChart.setBubbleDataRadiusByName(0, '서울', 50); // '서울' 버블의 크기를 50으로 설정
|
|
1903
1823
|
*/
|
|
@@ -1908,7 +1828,6 @@ declare class BubbleChart extends CartesianChart<'bubble'> implements BubbleChar
|
|
|
1908
1828
|
* @param {Function} updateFn - 업데이트 함수 (dataPoint, index) => newRadius
|
|
1909
1829
|
* @returns {this}
|
|
1910
1830
|
* @since 1.0.0
|
|
1911
|
-
* @category data
|
|
1912
1831
|
* @example
|
|
1913
1832
|
* // 모든 버블의 크기를 2배로
|
|
1914
1833
|
* bubbleChart.updateBubbleDataRadius(0, (data) => data.r * 2);
|
|
@@ -1929,7 +1848,6 @@ declare class BubbleChart extends CartesianChart<'bubble'> implements BubbleChar
|
|
|
1929
1848
|
* @param {number} radius - 반지름 값
|
|
1930
1849
|
* @returns {this}
|
|
1931
1850
|
* @since 1.0.0
|
|
1932
|
-
* @category data
|
|
1933
1851
|
* @example
|
|
1934
1852
|
* // 인구가 50 이상인 도시만 크기 50으로
|
|
1935
1853
|
* bubbleChart.setBubbleDataRadiusWhere(0, (data) => data.population >= 50, 50);
|
|
@@ -1941,7 +1859,6 @@ declare class BubbleChart extends CartesianChart<'bubble'> implements BubbleChar
|
|
|
1941
1859
|
* @param {number} hoverRadius - 호버 시 반지름 값
|
|
1942
1860
|
* @returns {this}
|
|
1943
1861
|
* @since 1.0.0
|
|
1944
|
-
* @category dataset
|
|
1945
1862
|
*/
|
|
1946
1863
|
setHoverRadius(datasetIndex: number, hoverRadius: number): this;
|
|
1947
1864
|
/**
|
|
@@ -1949,7 +1866,6 @@ declare class BubbleChart extends CartesianChart<'bubble'> implements BubbleChar
|
|
|
1949
1866
|
* @param {number} hoverRadius - 호버 시 반지름 값
|
|
1950
1867
|
* @returns {this}
|
|
1951
1868
|
* @since 1.0.0
|
|
1952
|
-
* @category dataset
|
|
1953
1869
|
*/
|
|
1954
1870
|
setAllHoverRadius(hoverRadius: number): this;
|
|
1955
1871
|
/**
|
|
@@ -1958,7 +1874,6 @@ declare class BubbleChart extends CartesianChart<'bubble'> implements BubbleChar
|
|
|
1958
1874
|
* @param {number} borderWidth - 테두리 두께
|
|
1959
1875
|
* @returns {this}
|
|
1960
1876
|
* @since 1.0.0
|
|
1961
|
-
* @category dataset
|
|
1962
1877
|
*/
|
|
1963
1878
|
setBorderWidth(datasetIndex: number, borderWidth: number): this;
|
|
1964
1879
|
/**
|
|
@@ -1966,14 +1881,12 @@ declare class BubbleChart extends CartesianChart<'bubble'> implements BubbleChar
|
|
|
1966
1881
|
* @param {number} borderWidth - 테두리 두께
|
|
1967
1882
|
* @returns {this}
|
|
1968
1883
|
* @since 1.0.0
|
|
1969
|
-
* @category dataset
|
|
1970
1884
|
*/
|
|
1971
1885
|
setAllBorderWidth(borderWidth: number): this;
|
|
1972
1886
|
/**
|
|
1973
1887
|
* @description 스파크 버블 차트 옵션을 적용합니다.
|
|
1974
1888
|
* @returns {this}
|
|
1975
1889
|
* @since 1.0.0
|
|
1976
|
-
* @category options
|
|
1977
1890
|
* @beta (기능 테스트 중)
|
|
1978
1891
|
*/
|
|
1979
1892
|
sparkBubbleChart(): this;
|
|
@@ -1983,7 +1896,6 @@ declare class BubbleChart extends CartesianChart<'bubble'> implements BubbleChar
|
|
|
1983
1896
|
* @param {number} rotation - 회전 각도 (도 단위)
|
|
1984
1897
|
* @returns {this}
|
|
1985
1898
|
* @since 1.0.0
|
|
1986
|
-
* @category dataset
|
|
1987
1899
|
*/
|
|
1988
1900
|
setRotation(datasetIndex: number, rotation: number): this;
|
|
1989
1901
|
/**
|
|
@@ -1991,7 +1903,6 @@ declare class BubbleChart extends CartesianChart<'bubble'> implements BubbleChar
|
|
|
1991
1903
|
* @param {number} rotation - 회전 각도 (도 단위)
|
|
1992
1904
|
* @returns {this}
|
|
1993
1905
|
* @since 1.0.0
|
|
1994
|
-
* @category dataset
|
|
1995
1906
|
*/
|
|
1996
1907
|
setAllRotation(rotation: number): this;
|
|
1997
1908
|
}
|
|
@@ -2027,7 +1938,6 @@ declare abstract class ArcChart<TType extends ArcChartType> extends Chart<TType>
|
|
|
2027
1938
|
* @param {number} idx
|
|
2028
1939
|
* @Returns {void}
|
|
2029
1940
|
* @Since 1.0.1
|
|
2030
|
-
* @category Dataset
|
|
2031
1941
|
* @beta
|
|
2032
1942
|
*/
|
|
2033
1943
|
protected decorateDataset(ds: any, idx: number): void;
|
|
@@ -2044,7 +1954,6 @@ declare abstract class ArcChart<TType extends ArcChartType> extends Chart<TType>
|
|
|
2044
1954
|
* @param id
|
|
2045
1955
|
* @returns {ChartConfig}
|
|
2046
1956
|
* @Since 1.0.0
|
|
2047
|
-
* @category Chart
|
|
2048
1957
|
* @beta
|
|
2049
1958
|
*/
|
|
2050
1959
|
build(id?: string): ChartConfig;
|
|
@@ -2053,7 +1962,6 @@ declare abstract class ArcChart<TType extends ArcChartType> extends Chart<TType>
|
|
|
2053
1962
|
* @param rotation - 시작 각도 (도 단위)
|
|
2054
1963
|
* @returns {this}
|
|
2055
1964
|
* @since 1.0.0
|
|
2056
|
-
* @category Options
|
|
2057
1965
|
* @beta
|
|
2058
1966
|
*/
|
|
2059
1967
|
setRotation(rotation: number): this;
|
|
@@ -2062,7 +1970,6 @@ declare abstract class ArcChart<TType extends ArcChartType> extends Chart<TType>
|
|
|
2062
1970
|
* @param circumference - 원주각 (도 단위, 360 = 완전한 원)
|
|
2063
1971
|
* @returns {this}
|
|
2064
1972
|
* @since 1.0.0
|
|
2065
|
-
* @category Options
|
|
2066
1973
|
* @beta
|
|
2067
1974
|
*/
|
|
2068
1975
|
setCircumference(circumference: number): this;
|
|
@@ -2071,7 +1978,6 @@ declare abstract class ArcChart<TType extends ArcChartType> extends Chart<TType>
|
|
|
2071
1978
|
* @param cutout - 구멍 크기 (퍼센트 문자열 또는 픽셀 숫자)
|
|
2072
1979
|
* @returns {this}
|
|
2073
1980
|
* @since 1.0.0
|
|
2074
|
-
* @category Options
|
|
2075
1981
|
* @beta
|
|
2076
1982
|
*/
|
|
2077
1983
|
setCutout(cutout: string | number): this;
|
|
@@ -2080,7 +1986,6 @@ declare abstract class ArcChart<TType extends ArcChartType> extends Chart<TType>
|
|
|
2080
1986
|
* @param radius - 반지름 (퍼센트 문자열 또는 픽셀 숫자)
|
|
2081
1987
|
* @returns {this}
|
|
2082
1988
|
* @since 1.0.0
|
|
2083
|
-
* @category Options
|
|
2084
1989
|
* @beta
|
|
2085
1990
|
*/
|
|
2086
1991
|
setRadius(radius: string | number): this;
|
|
@@ -2090,7 +1995,6 @@ declare abstract class ArcChart<TType extends ArcChartType> extends Chart<TType>
|
|
|
2090
1995
|
* @param borderWidth - 경계선 너비
|
|
2091
1996
|
* @returns {this}
|
|
2092
1997
|
* @since 1.0.0
|
|
2093
|
-
* @category Dataset
|
|
2094
1998
|
* @beta
|
|
2095
1999
|
*/
|
|
2096
2000
|
setBorderWidth(datasetIndex: number, borderWidth: number): this;
|
|
@@ -2099,7 +2003,6 @@ declare abstract class ArcChart<TType extends ArcChartType> extends Chart<TType>
|
|
|
2099
2003
|
* @param borderWidth - 경계선 너비
|
|
2100
2004
|
* @returns {this}
|
|
2101
2005
|
* @since 1.0.0
|
|
2102
|
-
* @category Dataset
|
|
2103
2006
|
* @beta
|
|
2104
2007
|
*/
|
|
2105
2008
|
setAllBorderWidth(borderWidth: number): this;
|
|
@@ -2109,7 +2012,6 @@ declare abstract class ArcChart<TType extends ArcChartType> extends Chart<TType>
|
|
|
2109
2012
|
* @param borderColor - 경계선 색상
|
|
2110
2013
|
* @returns {this}
|
|
2111
2014
|
* @since 1.0.0
|
|
2112
|
-
* @category Dataset
|
|
2113
2015
|
* @beta
|
|
2114
2016
|
*/
|
|
2115
2017
|
setBorderColor(datasetIndex: number, borderColor: string | string[]): this;
|
|
@@ -2118,7 +2020,6 @@ declare abstract class ArcChart<TType extends ArcChartType> extends Chart<TType>
|
|
|
2118
2020
|
* @param borderColor - 경계선 색상
|
|
2119
2021
|
* @returns {this}
|
|
2120
2022
|
* @since 1.0.0
|
|
2121
|
-
* @category Dataset
|
|
2122
2023
|
* @beta
|
|
2123
2024
|
*/
|
|
2124
2025
|
setAllBorderColor(borderColor: string | string[]): this;
|
|
@@ -2128,7 +2029,6 @@ declare abstract class ArcChart<TType extends ArcChartType> extends Chart<TType>
|
|
|
2128
2029
|
* @param config - 이미지 설정 옵션
|
|
2129
2030
|
* @returns {this}
|
|
2130
2031
|
* @since 1.6.0
|
|
2131
|
-
* @category Dataset
|
|
2132
2032
|
* @beta
|
|
2133
2033
|
* @example
|
|
2134
2034
|
* // URL 방식 (순서대로 매핑)
|
|
@@ -2160,7 +2060,6 @@ declare class DoughnutChart extends ArcChart<'doughnut'> implements DoughnutChar
|
|
|
2160
2060
|
* @param {string} id
|
|
2161
2061
|
* @returns {ChartConfig}
|
|
2162
2062
|
* @Since 1.0.0
|
|
2163
|
-
* @category config
|
|
2164
2063
|
* @beta
|
|
2165
2064
|
*/
|
|
2166
2065
|
makeConfig(id?: string): ChartConfig;
|
|
@@ -2169,7 +2068,6 @@ declare class DoughnutChart extends ArcChart<'doughnut'> implements DoughnutChar
|
|
|
2169
2068
|
* @param cutout - 구멍 크기 ('50%', '60%' 또는 픽셀값)
|
|
2170
2069
|
* @returns {this}
|
|
2171
2070
|
* @since 1.0.0
|
|
2172
|
-
* @category Options
|
|
2173
2071
|
* @beta
|
|
2174
2072
|
*/
|
|
2175
2073
|
setCutout(cutout: string | number): this;
|
|
@@ -2177,7 +2075,6 @@ declare class DoughnutChart extends ArcChart<'doughnut'> implements DoughnutChar
|
|
|
2177
2075
|
* @description 도넛 차트를 파이 차트로 변경합니다 (구멍 제거).
|
|
2178
2076
|
* @returns {this}
|
|
2179
2077
|
* @since 1.0.0
|
|
2180
|
-
* @category Options
|
|
2181
2078
|
* @beta
|
|
2182
2079
|
*/
|
|
2183
2080
|
convertToPie(): this;
|
|
@@ -2186,7 +2083,6 @@ declare class DoughnutChart extends ArcChart<'doughnut'> implements DoughnutChar
|
|
|
2186
2083
|
* @param colors - 색상 배열
|
|
2187
2084
|
* @returns {this}
|
|
2188
2085
|
* @since 1.0.0
|
|
2189
|
-
* @category Dataset
|
|
2190
2086
|
* @beta
|
|
2191
2087
|
*/
|
|
2192
2088
|
setSegmentColors(colors: string[]): this;
|
|
@@ -2196,7 +2092,6 @@ declare class DoughnutChart extends ArcChart<'doughnut'> implements DoughnutChar
|
|
|
2196
2092
|
* @param offset - 분리 거리 (픽셀)
|
|
2197
2093
|
* @returns {this}
|
|
2198
2094
|
* @since 1.0.0
|
|
2199
|
-
* @category Dataset
|
|
2200
2095
|
* @beta
|
|
2201
2096
|
*/
|
|
2202
2097
|
setSegmentOffset(dataIndex: number, offset: number): this;
|
|
@@ -2205,7 +2100,6 @@ declare class DoughnutChart extends ArcChart<'doughnut'> implements DoughnutChar
|
|
|
2205
2100
|
* @param rotation - 회전 각도 (도 단위)
|
|
2206
2101
|
* @returns {this}
|
|
2207
2102
|
* @since 1.0.0
|
|
2208
|
-
* @category Options
|
|
2209
2103
|
* @beta
|
|
2210
2104
|
*/
|
|
2211
2105
|
setRotation(rotation: number): this;
|
|
@@ -2214,7 +2108,6 @@ declare class DoughnutChart extends ArcChart<'doughnut'> implements DoughnutChar
|
|
|
2214
2108
|
* @param circumference - 원주각 (도 단위, 360 = 완전한 원)
|
|
2215
2109
|
* @returns {this}
|
|
2216
2110
|
* @since 1.0.0
|
|
2217
|
-
* @category Options
|
|
2218
2111
|
* @beta
|
|
2219
2112
|
*/
|
|
2220
2113
|
setCircumference(circumference: number): this;
|
|
@@ -2223,7 +2116,6 @@ declare class DoughnutChart extends ArcChart<'doughnut'> implements DoughnutChar
|
|
|
2223
2116
|
* @param radius - 반지름 ('90%', '100%' 또는 픽셀값)
|
|
2224
2117
|
* @returns {this}
|
|
2225
2118
|
* @since 1.0.0
|
|
2226
|
-
* @category Options
|
|
2227
2119
|
* @beta
|
|
2228
2120
|
*/
|
|
2229
2121
|
setRadius(radius: string | number): this;
|
|
@@ -2232,7 +2124,6 @@ declare class DoughnutChart extends ArcChart<'doughnut'> implements DoughnutChar
|
|
|
2232
2124
|
* @param borderWidth - 경계선 너비
|
|
2233
2125
|
* @returns {this}
|
|
2234
2126
|
* @since 1.0.0
|
|
2235
|
-
* @category Dataset
|
|
2236
2127
|
* @beta
|
|
2237
2128
|
*/
|
|
2238
2129
|
setAllBorderWidth(borderWidth: number): this;
|
|
@@ -2241,7 +2132,6 @@ declare class DoughnutChart extends ArcChart<'doughnut'> implements DoughnutChar
|
|
|
2241
2132
|
* @param borderColor - 경계선 색상
|
|
2242
2133
|
* @returns {this}
|
|
2243
2134
|
* @since 1.0.0
|
|
2244
|
-
* @category Dataset
|
|
2245
2135
|
* @beta
|
|
2246
2136
|
*/
|
|
2247
2137
|
setAllBorderColor(borderColor: string | string[]): this;
|
|
@@ -2250,7 +2140,6 @@ declare class DoughnutChart extends ArcChart<'doughnut'> implements DoughnutChar
|
|
|
2250
2140
|
* @param {{text: string | string[], color?: string, fontStyle?: string, sidePadding?: number, minFontSize?: number, maxFontSize?: number}} config
|
|
2251
2141
|
* @returns {this}
|
|
2252
2142
|
* @since 1.0.0
|
|
2253
|
-
* @category plugin
|
|
2254
2143
|
* @example
|
|
2255
2144
|
* const chart = chartWrapper.create('doughnut', labels, datasets, options).setCenterText({
|
|
2256
2145
|
* text: 'Center Text',
|
|
@@ -2280,7 +2169,6 @@ declare class PieChart extends ArcChart<'pie'> implements PieChartBuilder {
|
|
|
2280
2169
|
* @param {string} id
|
|
2281
2170
|
* @returns {ChartConfig}
|
|
2282
2171
|
* @Since 1.0.0
|
|
2283
|
-
* @category config
|
|
2284
2172
|
* @beta
|
|
2285
2173
|
*/
|
|
2286
2174
|
makeConfig(id?: string): ChartConfig;
|
|
@@ -2289,7 +2177,6 @@ declare class PieChart extends ArcChart<'pie'> implements PieChartBuilder {
|
|
|
2289
2177
|
* @param colors - 색상 배열
|
|
2290
2178
|
* @returns {this}
|
|
2291
2179
|
* @since 1.0.0
|
|
2292
|
-
* @category Dataset
|
|
2293
2180
|
* @beta
|
|
2294
2181
|
*/
|
|
2295
2182
|
setSegmentColors(colors: string[]): this;
|
|
@@ -2299,7 +2186,6 @@ declare class PieChart extends ArcChart<'pie'> implements PieChartBuilder {
|
|
|
2299
2186
|
* @param offset - 분리 거리 (픽셀)
|
|
2300
2187
|
* @returns {this}
|
|
2301
2188
|
* @since 1.0.0
|
|
2302
|
-
* @category Dataset
|
|
2303
2189
|
* @beta
|
|
2304
2190
|
*/
|
|
2305
2191
|
setSegmentOffset(dataIndex: number, offset: number): this;
|
|
@@ -2308,7 +2194,6 @@ declare class PieChart extends ArcChart<'pie'> implements PieChartBuilder {
|
|
|
2308
2194
|
* @param rotation - 회전 각도 (도 단위)
|
|
2309
2195
|
* @returns {this}
|
|
2310
2196
|
* @since 1.0.0
|
|
2311
|
-
* @category Options
|
|
2312
2197
|
* @beta
|
|
2313
2198
|
*/
|
|
2314
2199
|
setRotation(rotation: number): this;
|
|
@@ -2317,7 +2202,6 @@ declare class PieChart extends ArcChart<'pie'> implements PieChartBuilder {
|
|
|
2317
2202
|
* @param circumference - 원주각 (도 단위, 360 = 완전한 원)
|
|
2318
2203
|
* @returns {this}
|
|
2319
2204
|
* @since 1.0.0
|
|
2320
|
-
* @category Options
|
|
2321
2205
|
* @beta
|
|
2322
2206
|
*/
|
|
2323
2207
|
setCircumference(circumference: number): this;
|
|
@@ -2326,7 +2210,6 @@ declare class PieChart extends ArcChart<'pie'> implements PieChartBuilder {
|
|
|
2326
2210
|
* @param radius - 반지름 ('90%', '100%' 또는 픽셀값)
|
|
2327
2211
|
* @returns {this}
|
|
2328
2212
|
* @since 1.0.0
|
|
2329
|
-
* @category Options
|
|
2330
2213
|
* @beta
|
|
2331
2214
|
*/
|
|
2332
2215
|
setRadius(radius: string | number): this;
|
|
@@ -2335,7 +2218,6 @@ declare class PieChart extends ArcChart<'pie'> implements PieChartBuilder {
|
|
|
2335
2218
|
* @param borderWidth - 경계선 너비
|
|
2336
2219
|
* @returns {this}
|
|
2337
2220
|
* @since 1.0.0
|
|
2338
|
-
* @category Dataset
|
|
2339
2221
|
* @beta
|
|
2340
2222
|
*/
|
|
2341
2223
|
setAllBorderWidth(borderWidth: number): this;
|
|
@@ -2344,7 +2226,6 @@ declare class PieChart extends ArcChart<'pie'> implements PieChartBuilder {
|
|
|
2344
2226
|
* @param borderColor - 경계선 색상
|
|
2345
2227
|
* @returns {this}
|
|
2346
2228
|
* @since 1.0.0
|
|
2347
|
-
* @category Dataset
|
|
2348
2229
|
* @beta
|
|
2349
2230
|
*/
|
|
2350
2231
|
setAllBorderColor(borderColor: string | string[]): this;
|
|
@@ -2352,7 +2233,6 @@ declare class PieChart extends ArcChart<'pie'> implements PieChartBuilder {
|
|
|
2352
2233
|
* @description 상단 반원형 파이 차트를 생성합니다.
|
|
2353
2234
|
* @returns {this}
|
|
2354
2235
|
* @since 1.0.0
|
|
2355
|
-
* @category Options
|
|
2356
2236
|
* @beta
|
|
2357
2237
|
*/
|
|
2358
2238
|
setHalfPieTop(): this;
|
|
@@ -2360,7 +2240,6 @@ declare class PieChart extends ArcChart<'pie'> implements PieChartBuilder {
|
|
|
2360
2240
|
* @description 하단 반원형 파이 차트를 생성합니다.
|
|
2361
2241
|
* @returns {this}
|
|
2362
2242
|
* @since 1.0.0
|
|
2363
|
-
* @category Options
|
|
2364
2243
|
* @beta
|
|
2365
2244
|
*/
|
|
2366
2245
|
setHalfPieBottom(): this;
|
|
@@ -2368,7 +2247,6 @@ declare class PieChart extends ArcChart<'pie'> implements PieChartBuilder {
|
|
|
2368
2247
|
* @description 좌측 반원형 파이 차트를 생성합니다.
|
|
2369
2248
|
* @returns {this}
|
|
2370
2249
|
* @since 1.0.0
|
|
2371
|
-
* @category Options
|
|
2372
2250
|
* @beta
|
|
2373
2251
|
*/
|
|
2374
2252
|
setHalfPieLeft(): this;
|
|
@@ -2376,7 +2254,6 @@ declare class PieChart extends ArcChart<'pie'> implements PieChartBuilder {
|
|
|
2376
2254
|
* @description 우측 반원형 파이 차트를 생성합니다.
|
|
2377
2255
|
* @returns {this}
|
|
2378
2256
|
* @since 1.0.0
|
|
2379
|
-
* @category Options
|
|
2380
2257
|
* @beta
|
|
2381
2258
|
*/
|
|
2382
2259
|
setHalfPieRight(): this;
|
|
@@ -2385,7 +2262,6 @@ declare class PieChart extends ArcChart<'pie'> implements PieChartBuilder {
|
|
|
2385
2262
|
* @param offset - 분리 거리 (픽셀, 기본값: 10)
|
|
2386
2263
|
* @returns {this}
|
|
2387
2264
|
* @since 1.0.0
|
|
2388
|
-
* @category Dataset
|
|
2389
2265
|
* @beta
|
|
2390
2266
|
*/
|
|
2391
2267
|
highlightMaxSegment(offset?: number): this;
|
|
@@ -2394,7 +2270,6 @@ declare class PieChart extends ArcChart<'pie'> implements PieChartBuilder {
|
|
|
2394
2270
|
* @param offset - 분리 거리 (픽셀, 기본값: 10)
|
|
2395
2271
|
* @returns {this}
|
|
2396
2272
|
* @since 1.0.0
|
|
2397
|
-
* @category Dataset
|
|
2398
2273
|
* @beta
|
|
2399
2274
|
*/
|
|
2400
2275
|
highlightMinSegment(offset?: number): this;
|
|
@@ -2403,7 +2278,6 @@ declare class PieChart extends ArcChart<'pie'> implements PieChartBuilder {
|
|
|
2403
2278
|
* @param offsets - 각 세그먼트의 offset 배열 또는 모든 세그먼트에 적용할 단일 값
|
|
2404
2279
|
* @returns {this}
|
|
2405
2280
|
* @since 1.0.0
|
|
2406
|
-
* @category Dataset
|
|
2407
2281
|
* @beta
|
|
2408
2282
|
* @example
|
|
2409
2283
|
* // 각 세그먼트마다 다른 offset
|
|
@@ -2419,7 +2293,6 @@ declare class PieChart extends ArcChart<'pie'> implements PieChartBuilder {
|
|
|
2419
2293
|
* @param endColor - 종료 색상 (hex 형식, 예: '#36A2EB')
|
|
2420
2294
|
* @returns {this}
|
|
2421
2295
|
* @since 1.0.0
|
|
2422
|
-
* @category Dataset
|
|
2423
2296
|
* @beta
|
|
2424
2297
|
*/
|
|
2425
2298
|
setGradientColors(startColor: string, endColor: string): this;
|
|
@@ -2429,7 +2302,6 @@ declare class PieChart extends ArcChart<'pie'> implements PieChartBuilder {
|
|
|
2429
2302
|
* @param color - 적용할 색상
|
|
2430
2303
|
* @returns {this}
|
|
2431
2304
|
* @since 1.0.0
|
|
2432
|
-
* @category Dataset
|
|
2433
2305
|
* @beta
|
|
2434
2306
|
* @example
|
|
2435
2307
|
* // 값이 100 이상인 세그먼트만 빨간색으로
|
|
@@ -2488,7 +2360,6 @@ declare class TreemapChart extends Chart<'treemap', CustomTreemapChartOptions> i
|
|
|
2488
2360
|
* @param id
|
|
2489
2361
|
* @returns {ChartConfig}
|
|
2490
2362
|
* @Since 1.0.0
|
|
2491
|
-
* @category Chart
|
|
2492
2363
|
*/
|
|
2493
2364
|
build(id?: string): ChartConfig;
|
|
2494
2365
|
/**
|
|
@@ -2496,7 +2367,6 @@ declare class TreemapChart extends Chart<'treemap', CustomTreemapChartOptions> i
|
|
|
2496
2367
|
* @param data - 계층적 트리 데이터
|
|
2497
2368
|
* @returns {this}
|
|
2498
2369
|
* @since 1.0.0
|
|
2499
|
-
* @category Data
|
|
2500
2370
|
*/
|
|
2501
2371
|
setTreeData(data: Record<string, unknown>[] | number[] | Record<string, unknown>): this;
|
|
2502
2372
|
/**
|
|
@@ -2504,7 +2374,6 @@ declare class TreemapChart extends Chart<'treemap', CustomTreemapChartOptions> i
|
|
|
2504
2374
|
* @param key - 색상 키
|
|
2505
2375
|
* @returns {this}
|
|
2506
2376
|
* @since 1.0.0
|
|
2507
|
-
* @category Options
|
|
2508
2377
|
*/
|
|
2509
2378
|
setColorKey(key: string): this;
|
|
2510
2379
|
/**
|
|
@@ -2512,7 +2381,6 @@ declare class TreemapChart extends Chart<'treemap', CustomTreemapChartOptions> i
|
|
|
2512
2381
|
* @param key - 라벨 키
|
|
2513
2382
|
* @returns {this}
|
|
2514
2383
|
* @since 1.0.0
|
|
2515
|
-
* @category Options
|
|
2516
2384
|
*/
|
|
2517
2385
|
setLabelKey(key: string): this;
|
|
2518
2386
|
/**
|
|
@@ -2520,7 +2388,6 @@ declare class TreemapChart extends Chart<'treemap', CustomTreemapChartOptions> i
|
|
|
2520
2388
|
* @param key - 값 키
|
|
2521
2389
|
* @returns {this}
|
|
2522
2390
|
* @since 1.0.0
|
|
2523
|
-
* @category Options
|
|
2524
2391
|
*/
|
|
2525
2392
|
setValueKey(key: string): this;
|
|
2526
2393
|
/**
|
|
@@ -2528,7 +2395,6 @@ declare class TreemapChart extends Chart<'treemap', CustomTreemapChartOptions> i
|
|
|
2528
2395
|
* @param spacing - 간격 (픽셀)
|
|
2529
2396
|
* @returns {this}
|
|
2530
2397
|
* @since 1.0.0
|
|
2531
|
-
* @category Options
|
|
2532
2398
|
*/
|
|
2533
2399
|
setSpacing(spacing: number): this;
|
|
2534
2400
|
/**
|
|
@@ -2536,7 +2402,6 @@ declare class TreemapChart extends Chart<'treemap', CustomTreemapChartOptions> i
|
|
|
2536
2402
|
* @param borderWidth - 경계선 너비
|
|
2537
2403
|
* @returns {this}
|
|
2538
2404
|
* @since 1.0.0
|
|
2539
|
-
* @category Options
|
|
2540
2405
|
*/
|
|
2541
2406
|
setBorderWidth(borderWidth: number): this;
|
|
2542
2407
|
/**
|
|
@@ -2544,7 +2409,6 @@ declare class TreemapChart extends Chart<'treemap', CustomTreemapChartOptions> i
|
|
|
2544
2409
|
* @param borderColor - 경계선 색상
|
|
2545
2410
|
* @returns {this}
|
|
2546
2411
|
* @since 1.0.0
|
|
2547
|
-
* @category Options
|
|
2548
2412
|
*/
|
|
2549
2413
|
setBorderColor(borderColor: string): this;
|
|
2550
2414
|
}
|
|
@@ -2552,7 +2416,6 @@ declare class TreemapChart extends Chart<'treemap', CustomTreemapChartOptions> i
|
|
|
2552
2416
|
/**
|
|
2553
2417
|
* @description Cartesian 차트에서 사용할 수 있는 플러그인들을 제공합니다.
|
|
2554
2418
|
* @since 1.6.6
|
|
2555
|
-
* @category Plugins
|
|
2556
2419
|
*/
|
|
2557
2420
|
/**
|
|
2558
2421
|
* @description 오늘 날짜에 수직선을 그리는 플러그인을 생성합니다.
|
|
@@ -2560,7 +2423,7 @@ declare class TreemapChart extends Chart<'treemap', CustomTreemapChartOptions> i
|
|
|
2560
2423
|
* @param text (기본값 : 'TODAY')
|
|
2561
2424
|
* @returns {object} Chart.js 플러그인 객체
|
|
2562
2425
|
* @since 1.6.6
|
|
2563
|
-
* @
|
|
2426
|
+
* @group Cartesian Plugins
|
|
2564
2427
|
* @example
|
|
2565
2428
|
* const todayLine = createTodayLinePlugin('rgb(255,0,0)');
|
|
2566
2429
|
* chart.setPlugin(todayLine);
|
|
@@ -2574,7 +2437,7 @@ declare const createTodayLinePlugin: (color?: string, text?: string) => {
|
|
|
2574
2437
|
* @param {string} color - 주말 배경색 (기본값: 'rgba(102, 102, 102, 0.2)')
|
|
2575
2438
|
* @returns {object} Chart.js 플러그인 객체
|
|
2576
2439
|
* @since 1.6.6
|
|
2577
|
-
* @
|
|
2440
|
+
* @group Cartesian Plugins
|
|
2578
2441
|
* @example
|
|
2579
2442
|
* const weekend = createWeekendPlugin('rgba(255, 0, 0, 0.1)');
|
|
2580
2443
|
* chart.setPlugin(weekend);
|
|
@@ -2589,7 +2452,7 @@ declare const createWeekendPlugin: (color?: string) => {
|
|
|
2589
2452
|
* @param {string} statusField - 상태값을 가져올 데이터 포인트의 필드명 (기본값: 'status')
|
|
2590
2453
|
* @returns {object} Chart.js 플러그인 객체
|
|
2591
2454
|
* @since 1.6.6
|
|
2592
|
-
* @
|
|
2455
|
+
* @group Cartesian Plugins
|
|
2593
2456
|
* @example
|
|
2594
2457
|
* // 기본 아이콘 사용
|
|
2595
2458
|
* const status = createStatusPlugin();
|
|
@@ -2618,7 +2481,7 @@ declare const createStatusPlugin: (imageUrls?: {
|
|
|
2618
2481
|
* @param {object} options - 텍스트 스타일 옵션
|
|
2619
2482
|
* @returns {object} Chart.js 플러그인 객체
|
|
2620
2483
|
* @since 1.6.6
|
|
2621
|
-
* @
|
|
2484
|
+
* @group Cartesian Plugins
|
|
2622
2485
|
* @example
|
|
2623
2486
|
* // assignee 필드 표시
|
|
2624
2487
|
* const assignedTasks = createAssignedTasksPlugin('assignee');
|
|
@@ -2644,23 +2507,40 @@ declare const createAssignedTasksPlugin: (fieldName?: string, options?: {
|
|
|
2644
2507
|
afterDatasetsDraw(chart: any, args: any, pluginOptions: any): void;
|
|
2645
2508
|
};
|
|
2646
2509
|
|
|
2510
|
+
/**
|
|
2511
|
+
* @description 데이터가 없을 때 'No data' 텍스트를 차트 중앙에 표시하는 플러그인입니다.
|
|
2512
|
+
* @group Common Plugins
|
|
2513
|
+
*/
|
|
2647
2514
|
declare const noDataPlugin: {
|
|
2648
2515
|
id: string;
|
|
2649
2516
|
beforeUpdate: (chart: any) => void;
|
|
2650
2517
|
afterDraw: (chart: any) => void;
|
|
2651
2518
|
beforeDestroy(chart: any): void;
|
|
2652
2519
|
};
|
|
2520
|
+
/**
|
|
2521
|
+
* @description 차트 줌 상태에서 초기 뷰로 돌아가는 리셋 버튼을 차트 위에 표시하는 플러그인입니다.
|
|
2522
|
+
* @group Common Plugins
|
|
2523
|
+
*/
|
|
2653
2524
|
declare const zoomResetPlugin: {
|
|
2654
2525
|
id: string;
|
|
2655
2526
|
afterDraw(chart: any, args: any, options: any): void;
|
|
2656
2527
|
afterEvent(chart: any, args: any): void;
|
|
2657
2528
|
};
|
|
2529
|
+
/**
|
|
2530
|
+
* @description 차트 초기 로드 시 원형 프로그레스 애니메이션을 표시하는 플러그인입니다.
|
|
2531
|
+
* @group Common Plugins
|
|
2532
|
+
*/
|
|
2658
2533
|
declare const loadingPlugin: {
|
|
2659
2534
|
id: string;
|
|
2660
2535
|
beforeInit(chart: any, args: any, options: any): void;
|
|
2661
2536
|
beforeDraw(chart: any): void;
|
|
2662
2537
|
startLoadingAnimation(chart: any): void;
|
|
2663
2538
|
};
|
|
2539
|
+
/**
|
|
2540
|
+
* @description 외부 HTML 컨테이너에 커스텀 범례를 렌더링하는 플러그인입니다.
|
|
2541
|
+
* containerID 옵션으로 렌더링 대상 엘리먼트를 지정합니다.
|
|
2542
|
+
* @group Common Plugins
|
|
2543
|
+
*/
|
|
2664
2544
|
declare const customLegend: {
|
|
2665
2545
|
id: string;
|
|
2666
2546
|
_Default: {
|
|
@@ -2700,7 +2580,8 @@ declare const customLegend: {
|
|
|
2700
2580
|
afterUpdate(chart: any, args: any, options: any): void;
|
|
2701
2581
|
};
|
|
2702
2582
|
/**
|
|
2703
|
-
* @description 차트가 마운트될 때
|
|
2583
|
+
* @description 차트가 마운트될 때 `_mounted` 콜백을 호출하고 ChartInstance에 등록하는 플러그인입니다.
|
|
2584
|
+
* @group Common Plugins
|
|
2704
2585
|
*/
|
|
2705
2586
|
declare const chartMountPlugin: {
|
|
2706
2587
|
id: string;
|
|
@@ -2719,7 +2600,6 @@ declare const chartMountPlugin: {
|
|
|
2719
2600
|
* - `_tooltip: string | function` - 범례 항목 마우스 오버 시 툴팁 표시
|
|
2720
2601
|
*
|
|
2721
2602
|
* @since 1.3.0
|
|
2722
|
-
* @category plugin
|
|
2723
2603
|
* @example
|
|
2724
2604
|
* ```typescript
|
|
2725
2605
|
* // 기본 사용법
|
|
@@ -2778,6 +2658,7 @@ declare const chartMountPlugin: {
|
|
|
2778
2658
|
* - 메모리 누수 방지를 위해 차트 파괴 시 자동으로 정리됩니다
|
|
2779
2659
|
*
|
|
2780
2660
|
* @beta (aux 정상동작 , _group : 에러 , groupLabel : 정상 , _tooltip : 에러 , _toggleBehavior : 정상 , _visible : 정상 , _legendOrder : 확인중)
|
|
2661
|
+
* @group Common Plugins
|
|
2781
2662
|
*/
|
|
2782
2663
|
declare const customDatasetPlugins: {
|
|
2783
2664
|
id: string;
|
|
@@ -2793,12 +2674,33 @@ declare const customDatasetPlugins: {
|
|
|
2793
2674
|
_hideTooltip(chart: any): void;
|
|
2794
2675
|
afterDestroy(chart: any): void;
|
|
2795
2676
|
};
|
|
2677
|
+
/**
|
|
2678
|
+
* @description 임계값을 초과하는 데이터 포인트에 깜빡이는 하이라이트 효과를 표시하는 플러그인입니다.
|
|
2679
|
+
* @group Common Plugins
|
|
2680
|
+
*/
|
|
2796
2681
|
declare const blinkPlugin: Plugin$1;
|
|
2682
|
+
/**
|
|
2683
|
+
* @description 도넛 차트 중앙에 표시할 HTML 문자열을 생성하는 유틸리티 함수입니다.
|
|
2684
|
+
* @param percent - 퍼센트 값
|
|
2685
|
+
* @param ok - 정상 건수
|
|
2686
|
+
* @param warn - 경고 건수
|
|
2687
|
+
* @param ng - 불량 건수
|
|
2688
|
+
* @group Common Plugins
|
|
2689
|
+
*/
|
|
2797
2690
|
declare const makeCenterHtml: (percent: number, ok?: number, warn?: number, ng?: number) => string;
|
|
2691
|
+
/**
|
|
2692
|
+
* @description 바 차트 축 레이블 위치에 이미지를 표시하는 플러그인입니다.
|
|
2693
|
+
* 데이터셋에 `image` 프로퍼티를 지정하면 해당 이미지가 렌더링됩니다.
|
|
2694
|
+
* @group Common Plugins
|
|
2695
|
+
*/
|
|
2798
2696
|
declare const barScaleImgPlugin: {
|
|
2799
2697
|
id: string;
|
|
2800
2698
|
beforeDatasetsDraw(chart: any, args: any, options: any): void;
|
|
2801
2699
|
};
|
|
2700
|
+
/**
|
|
2701
|
+
* @description 차트 우측 상단에 설정 아이콘 버튼을 표시하고 클릭 이벤트를 처리하는 플러그인입니다.
|
|
2702
|
+
* @group Common Plugins
|
|
2703
|
+
*/
|
|
2802
2704
|
declare const changeSetting: {
|
|
2803
2705
|
id: string;
|
|
2804
2706
|
_Default: SettingOptions;
|
|
@@ -2806,6 +2708,11 @@ declare const changeSetting: {
|
|
|
2806
2708
|
beforeDraw(chart: any): void;
|
|
2807
2709
|
afterDestroy(chart: any): void;
|
|
2808
2710
|
};
|
|
2711
|
+
/**
|
|
2712
|
+
* @description 차트 하단에 드래그 가능한 범위 슬라이더를 렌더링하여 x축 줌을 제어하는 플러그인입니다.
|
|
2713
|
+
* 색상 커스터마이징이 필요하다면 {@link CreateZoomRangeSlider}를 사용하세요.
|
|
2714
|
+
* @group Common Plugins
|
|
2715
|
+
*/
|
|
2809
2716
|
declare const zoomRangeSlider: {
|
|
2810
2717
|
id: string;
|
|
2811
2718
|
var: {
|
|
@@ -2817,8 +2724,26 @@ declare const zoomRangeSlider: {
|
|
|
2817
2724
|
afterUpdate(chart: any, args: any, options: any): void;
|
|
2818
2725
|
afterEvent(chart: any, args: any, options: any): void;
|
|
2819
2726
|
};
|
|
2727
|
+
/**
|
|
2728
|
+
* @description 색상을 커스터마이징 가능한 줌 범위 슬라이더 플러그인 인스턴스를 생성합니다.
|
|
2729
|
+
* @param colors - 슬라이더 색상 옵션 {@link ZoomRangeSliderColors}
|
|
2730
|
+
* @returns Chart.js 플러그인 객체
|
|
2731
|
+
* @group Common Plugins
|
|
2732
|
+
*/
|
|
2820
2733
|
declare const CreateZoomRangeSlider: (colors?: ZoomRangeSliderColors) => ZoomRangeSliderPlugin;
|
|
2821
2734
|
|
|
2735
|
+
/**
|
|
2736
|
+
* @description 도넛 차트 중앙에 텍스트를 HTML 오버레이로 표시하는 플러그인 인스턴스를 생성합니다.
|
|
2737
|
+
* 데이터가 없으면 자동으로 숨겨집니다.
|
|
2738
|
+
* @param config - 텍스트, 색상, 폰트 설정
|
|
2739
|
+
* @returns Chart.js 플러그인 객체
|
|
2740
|
+
* @group Doughnut Plugins
|
|
2741
|
+
* @example
|
|
2742
|
+
* ```typescript
|
|
2743
|
+
* const plugin = doughnutCenterTextPlugin({ text: ['75%', '정상'], color: '#333' });
|
|
2744
|
+
* chart.setPlugin(plugin);
|
|
2745
|
+
* ```
|
|
2746
|
+
*/
|
|
2822
2747
|
declare function doughnutCenterTextPlugin(config: {
|
|
2823
2748
|
text: string | string[];
|
|
2824
2749
|
color?: string;
|
|
@@ -2831,6 +2756,13 @@ declare function doughnutCenterTextPlugin(config: {
|
|
|
2831
2756
|
updatePosition(chart: Chart$1): void;
|
|
2832
2757
|
destroy(chart: Chart$1): void;
|
|
2833
2758
|
};
|
|
2759
|
+
/**
|
|
2760
|
+
* @description 도넛/파이 차트의 각 세그먼트 중앙에 이미지를 렌더링하는 플러그인 인스턴스를 생성합니다.
|
|
2761
|
+
* `string[]` 또는 `_uid` 매핑 방식을 모두 지원합니다.
|
|
2762
|
+
* @param config - 이미지 소스 및 크기 설정 {@link SegmentImageConfig}
|
|
2763
|
+
* @returns Chart.js 플러그인 객체
|
|
2764
|
+
* @group Doughnut Plugins
|
|
2765
|
+
*/
|
|
2834
2766
|
declare function segmentImagePlugin(config: SegmentImageConfig): {
|
|
2835
2767
|
id: string;
|
|
2836
2768
|
afterDatasetDraw(chart: Chart$1<"doughnut" | "pie">, args: any): void;
|
|
@@ -2916,7 +2848,6 @@ declare const DefaultDataLabelsOptions: {
|
|
|
2916
2848
|
* @description `setTimeScale()` 호출 시 별도 값이 전달되지 않았을 때 적용되는 시간 축 기본 옵션입니다.
|
|
2917
2849
|
* `unit`, `tooltipFormat`, `displayFormats.hour`의 기본값을 제공합니다.
|
|
2918
2850
|
* @since 2.4.0
|
|
2919
|
-
* @category Scales
|
|
2920
2851
|
* @example
|
|
2921
2852
|
* // setTimeScale('x')만 호출하면 아래 기본값이 적용됩니다.
|
|
2922
2853
|
* ChartWrapper.create('line', [], datasets)
|
|
@@ -3198,7 +3129,6 @@ type ChartTarget = string | Chart$1;
|
|
|
3198
3129
|
* @param target 차트 ID 또는 Chart 인스턴스
|
|
3199
3130
|
* @returns Chart.js 인스턴스
|
|
3200
3131
|
* @since 2.3.5
|
|
3201
|
-
* @category util
|
|
3202
3132
|
* @example
|
|
3203
3133
|
* ```ts
|
|
3204
3134
|
* const chart = getChartInstance('sales-chart');
|
|
@@ -3211,7 +3141,6 @@ declare function getChartInstance(chartId: string): Chart$1;
|
|
|
3211
3141
|
* 차트의 zoom 상태를 초기화합니다.
|
|
3212
3142
|
* @param target 차트 ID 또는 Chart 인스턴스
|
|
3213
3143
|
* @since 2.3.5
|
|
3214
|
-
* @category util
|
|
3215
3144
|
* @example
|
|
3216
3145
|
* ```ts
|
|
3217
3146
|
* resetChartZoom('sales-chart');
|
|
@@ -3224,7 +3153,6 @@ declare function resetChartZoom(chartId: string): void;
|
|
|
3224
3153
|
* @param target 차트 ID 또는 Chart 인스턴스
|
|
3225
3154
|
* @param mode Chart.js update mode
|
|
3226
3155
|
* @since 2.3.5
|
|
3227
|
-
* @category util
|
|
3228
3156
|
* @example
|
|
3229
3157
|
* ```ts
|
|
3230
3158
|
* updateChart('sales-chart', 'none');
|
|
@@ -3236,7 +3164,6 @@ declare function updateChart(chartId: string, mode?: Parameters<Chart$1['update'
|
|
|
3236
3164
|
* 차트 크기를 다시 계산합니다.
|
|
3237
3165
|
* @param target 차트 ID 또는 Chart 인스턴스
|
|
3238
3166
|
* @since 2.3.5
|
|
3239
|
-
* @category util
|
|
3240
3167
|
* @example
|
|
3241
3168
|
* ```ts
|
|
3242
3169
|
* resizeChart('sales-chart');
|
|
@@ -3249,7 +3176,6 @@ declare function resizeChart(chartId: string): void;
|
|
|
3249
3176
|
* @param target 차트 ID 또는 Chart 인스턴스
|
|
3250
3177
|
* @param activeElements 활성화할 요소 목록
|
|
3251
3178
|
* @since 2.3.5
|
|
3252
|
-
* @category util
|
|
3253
3179
|
* @example
|
|
3254
3180
|
* ```ts
|
|
3255
3181
|
* setChartActiveElements('sales-chart', [{ datasetIndex: 0, index: 2 }]);
|
|
@@ -3261,7 +3187,6 @@ declare function setChartActiveElements(chartId: string, activeElements: ActiveE
|
|
|
3261
3187
|
* 차트의 active element를 모두 해제합니다.
|
|
3262
3188
|
* @param target 차트 ID 또는 Chart 인스턴스
|
|
3263
3189
|
* @since 2.3.5
|
|
3264
|
-
* @category util
|
|
3265
3190
|
* @example
|
|
3266
3191
|
* ```ts
|
|
3267
3192
|
* clearChartActiveElements('sales-chart');
|
|
@@ -3275,7 +3200,6 @@ declare function clearChartActiveElements(chartId: string): void;
|
|
|
3275
3200
|
* @param datasetIndex dataset index
|
|
3276
3201
|
* @param visible 표시 여부
|
|
3277
3202
|
* @since 2.3.5
|
|
3278
|
-
* @category util
|
|
3279
3203
|
* @example
|
|
3280
3204
|
* ```ts
|
|
3281
3205
|
* setChartDatasetVisibility('sales-chart', 1, false);
|
|
@@ -3289,7 +3213,6 @@ declare function setChartDatasetVisibility(chartId: string, datasetIndex: number
|
|
|
3289
3213
|
* @param datasetIndex dataset index
|
|
3290
3214
|
* @returns 토글 후 표시 여부
|
|
3291
3215
|
* @since 2.3.5
|
|
3292
|
-
* @category util
|
|
3293
3216
|
* @example
|
|
3294
3217
|
* ```ts
|
|
3295
3218
|
* const visible = toggleChartDatasetVisibility('sales-chart', 1);
|
|
@@ -3303,7 +3226,6 @@ declare function toggleChartDatasetVisibility(chartId: string, datasetIndex: num
|
|
|
3303
3226
|
* @param datasetIndex dataset index
|
|
3304
3227
|
* @returns 표시 여부
|
|
3305
3228
|
* @since 2.3.5
|
|
3306
|
-
* @category util
|
|
3307
3229
|
* @example
|
|
3308
3230
|
* ```ts
|
|
3309
3231
|
* const visible = isChartDatasetVisible('sales-chart', 1);
|
|
@@ -3317,7 +3239,6 @@ declare function isChartDatasetVisible(chartId: string, datasetIndex: number): b
|
|
|
3317
3239
|
* @param activeElements 활성화할 요소 목록
|
|
3318
3240
|
* @param position tooltip 위치. 생략 시 활성 요소 위치를 사용합니다.
|
|
3319
3241
|
* @since 2.3.5
|
|
3320
|
-
* @category util
|
|
3321
3242
|
* @example
|
|
3322
3243
|
* ```ts
|
|
3323
3244
|
* showChartTooltip('sales-chart', [{ datasetIndex: 0, index: 2 }]);
|
|
@@ -3335,7 +3256,6 @@ declare function showChartTooltip(chartId: string, activeElements: ActiveElement
|
|
|
3335
3256
|
* 차트 tooltip을 숨기고 active element를 해제합니다.
|
|
3336
3257
|
* @param target 차트 ID 또는 Chart 인스턴스
|
|
3337
3258
|
* @since 2.3.5
|
|
3338
|
-
* @category util
|
|
3339
3259
|
* @example
|
|
3340
3260
|
* ```ts
|
|
3341
3261
|
* hideChartTooltip('sales-chart');
|
|
@@ -3349,7 +3269,6 @@ declare function hideChartTooltip(chartId: string): void;
|
|
|
3349
3269
|
* @param datasetIndex dataset index
|
|
3350
3270
|
* @returns dataset meta
|
|
3351
3271
|
* @since 2.3.5
|
|
3352
|
-
* @category util
|
|
3353
3272
|
* @example
|
|
3354
3273
|
* ```ts
|
|
3355
3274
|
* const meta = getChartDatasetMeta('sales-chart', 0);
|
|
@@ -3363,7 +3282,6 @@ declare function getChartDatasetMeta(chartId: string, datasetIndex: number): Ret
|
|
|
3363
3282
|
* @param target 차트 ID 또는 Chart 인스턴스
|
|
3364
3283
|
* @param options 이미지 내보내기 옵션
|
|
3365
3284
|
* @since 1.5.0
|
|
3366
|
-
* @category util
|
|
3367
3285
|
*/
|
|
3368
3286
|
declare function downloadChartAsImage(target: Chart$1, options?: ChartImageExportOptions): void;
|
|
3369
3287
|
declare function downloadChartAsImage(target: string, options?: ChartImageExportOptions): void;
|
|
@@ -3372,7 +3290,6 @@ declare function downloadChartAsImage(target: string, options?: ChartImageExport
|
|
|
3372
3290
|
* @param chart Chart 인스턴스
|
|
3373
3291
|
* @param options 이미지 내보내기 옵션
|
|
3374
3292
|
* @since 1.5.0
|
|
3375
|
-
* @category util
|
|
3376
3293
|
*/
|
|
3377
3294
|
declare function downloadChartAsImageByInstance(chart: Chart$1, options?: ChartImageExportOptions): void;
|
|
3378
3295
|
/**
|
|
@@ -3381,7 +3298,6 @@ declare function downloadChartAsImageByInstance(chart: Chart$1, options?: ChartI
|
|
|
3381
3298
|
* @param options 이미지 내보내기 옵션
|
|
3382
3299
|
* @returns Base64 인코딩된 이미지 데이터 URL
|
|
3383
3300
|
* @since 1.5.0
|
|
3384
|
-
* @category util
|
|
3385
3301
|
*/
|
|
3386
3302
|
declare function getChartAsBase64(target: Chart$1, options?: Omit<ChartImageExportOptions, 'filename'>): string;
|
|
3387
3303
|
declare function getChartAsBase64(target: string, options?: Omit<ChartImageExportOptions, 'filename'>): string;
|
|
@@ -3391,7 +3307,6 @@ declare function getChartAsBase64(target: string, options?: Omit<ChartImageExpor
|
|
|
3391
3307
|
* @param options 이미지 내보내기 옵션
|
|
3392
3308
|
* @returns Base64 인코딩된 이미지 데이터 URL
|
|
3393
3309
|
* @since 1.5.0
|
|
3394
|
-
* @category util
|
|
3395
3310
|
*/
|
|
3396
3311
|
declare function getChartAsBase64ByInstance(chart: Chart$1, options?: Omit<ChartImageExportOptions, 'filename'>): string;
|
|
3397
3312
|
/**
|
|
@@ -3400,7 +3315,6 @@ declare function getChartAsBase64ByInstance(chart: Chart$1, options?: Omit<Chart
|
|
|
3400
3315
|
* @param options 이미지 내보내기 옵션
|
|
3401
3316
|
* @returns Promise<Blob> 이미지 Blob
|
|
3402
3317
|
* @since 1.5.0
|
|
3403
|
-
* @category util
|
|
3404
3318
|
*/
|
|
3405
3319
|
declare function getChartAsBlob(target: Chart$1, options?: Omit<ChartImageExportOptions, 'filename'>): Promise<Blob>;
|
|
3406
3320
|
declare function getChartAsBlob(target: string, options?: Omit<ChartImageExportOptions, 'filename'>): Promise<Blob>;
|
|
@@ -3410,7 +3324,6 @@ declare function getChartAsBlob(target: string, options?: Omit<ChartImageExportO
|
|
|
3410
3324
|
* @param options 이미지 내보내기 옵션
|
|
3411
3325
|
* @returns Promise<Blob> 이미지 Blob
|
|
3412
3326
|
* @since 1.5.0
|
|
3413
|
-
* @category util
|
|
3414
3327
|
*/
|
|
3415
3328
|
declare function getChartAsBlobByInstance(chart: Chart$1, options?: Omit<ChartImageExportOptions, 'filename'>): Promise<Blob>;
|
|
3416
3329
|
|