stz-chart-maker 2.3.10 → 2.4.1
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/CHANGELOG.md +10 -0
- package/dist/index.d.ts +566 -15
- package/dist/index.mjs +3924 -3281
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ChartTypeRegistry, ChartType, ChartDataset, GridLineOptions, FontSpec, Tick, Chart as Chart$1, ChartOptions, PluginOptionsByType, ChartEvent, ActiveElement, LegendOptions, TooltipOptions, Plugin
|
|
1
|
+
import { ChartTypeRegistry, ChartType, ChartDataset, DefaultDataPoint, PointStyle, GridLineOptions, FontSpec, Tick, Chart as Chart$1, ChartOptions, PluginOptionsByType, ChartEvent, ActiveElement, LegendOptions, TooltipOptions, Plugin, TooltipItem } from 'chart.js';
|
|
2
2
|
import { TreemapControllerDatasetOptions } from 'chartjs-chart-treemap';
|
|
3
3
|
import { ZoomOptions, PanOptions, LimitOptions, ScaleLimits } from 'chartjs-plugin-zoom/types/options';
|
|
4
4
|
|
|
@@ -68,14 +68,23 @@ interface DatasetExtensions {
|
|
|
68
68
|
}
|
|
69
69
|
type CustomChartDatasets<TType extends ChartType = ChartType> = ChartDataset<TType, any> & DatasetExtensions;
|
|
70
70
|
type ArcDataset<TType extends ArcChartType = ArcChartType> = ChartDataset<TType, (number | null)[]> & DatasetExtensions;
|
|
71
|
-
type CartesianDataset<TType extends CartesianChartType = CartesianChartType> = ChartDataset<TType,
|
|
71
|
+
type CartesianDataset<TType extends CartesianChartType = CartesianChartType> = ChartDataset<TType, DefaultDataPoint<TType>> & DatasetExtensions & {
|
|
72
72
|
yAxisID?: string;
|
|
73
73
|
xAxisID?: string;
|
|
74
74
|
stack?: string;
|
|
75
75
|
order?: number;
|
|
76
76
|
DATASET_ID?: string;
|
|
77
77
|
};
|
|
78
|
-
type
|
|
78
|
+
type ScatterDataset = ChartDataset<'scatter', DefaultDataPoint<'scatter'>> & DatasetExtensions & {
|
|
79
|
+
yAxisID?: string;
|
|
80
|
+
xAxisID?: string;
|
|
81
|
+
stack?: string;
|
|
82
|
+
order?: number;
|
|
83
|
+
_dskey?: string;
|
|
84
|
+
image?: string;
|
|
85
|
+
images?: string[];
|
|
86
|
+
};
|
|
87
|
+
type CustomCartesianDataset<TType extends CartesianChartType = CartesianChartType> = ChartDataset<TType, DefaultDataPoint<TType>> & DatasetExtensions & {
|
|
79
88
|
yAxisID?: string;
|
|
80
89
|
xAxisID?: string;
|
|
81
90
|
stack?: string;
|
|
@@ -88,6 +97,84 @@ type CustomTreemapDataset<DType = Record<string, unknown>> = Omit<TreemapControl
|
|
|
88
97
|
groups?: string[];
|
|
89
98
|
sumKeys?: string[];
|
|
90
99
|
};
|
|
100
|
+
interface ScatterPointContext {
|
|
101
|
+
raw: Record<string, unknown>;
|
|
102
|
+
x: number;
|
|
103
|
+
y: number;
|
|
104
|
+
dataIndex: number;
|
|
105
|
+
datasetIndex: number;
|
|
106
|
+
dataset: ScatterDataset;
|
|
107
|
+
}
|
|
108
|
+
interface ScatterPointHighlightStyle {
|
|
109
|
+
/** 강조 대상 포인트에 적용할 모양입니다. 이미지도 사용할 수 있습니다. */
|
|
110
|
+
pointStyle?: PointStyle | HTMLImageElement | HTMLCanvasElement;
|
|
111
|
+
/** 강조 대상 포인트의 반지름입니다. */
|
|
112
|
+
pointRadius?: number;
|
|
113
|
+
/** 강조 대상 포인트의 hover 반지름입니다. */
|
|
114
|
+
pointHoverRadius?: number;
|
|
115
|
+
/** 강조 대상 포인트의 배경색입니다. */
|
|
116
|
+
pointBackgroundColor?: string;
|
|
117
|
+
/** 강조 대상 포인트의 테두리 색상입니다. */
|
|
118
|
+
pointBorderColor?: string;
|
|
119
|
+
/** 강조 대상 포인트의 테두리 두께입니다. */
|
|
120
|
+
pointBorderWidth?: number;
|
|
121
|
+
}
|
|
122
|
+
interface ScatterQuadrantOptions {
|
|
123
|
+
/** 수직 기준선의 데이터 값입니다. 기본값은 `0` 입니다. */
|
|
124
|
+
x?: number;
|
|
125
|
+
/** 수평 기준선의 데이터 값입니다. 기본값은 `0` 입니다. */
|
|
126
|
+
y?: number;
|
|
127
|
+
/** 4분면별 배경색입니다. */
|
|
128
|
+
backgroundColors?: Partial<Record<'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight', string>>;
|
|
129
|
+
/** 기준선 색상입니다. */
|
|
130
|
+
borderColor?: string;
|
|
131
|
+
/** 기준선 두께입니다. */
|
|
132
|
+
borderWidth?: number;
|
|
133
|
+
/** 4분면 라벨입니다. `false` 를 주면 해당 라벨을 숨깁니다. */
|
|
134
|
+
labels?: Partial<Record<'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight', string | false>>;
|
|
135
|
+
/** 4분면 라벨 색상입니다. */
|
|
136
|
+
labelColor?: string;
|
|
137
|
+
/** 4분면 라벨 글자 크기입니다. */
|
|
138
|
+
fontSize?: number;
|
|
139
|
+
/** 4분면 라벨 글자 굵기입니다. */
|
|
140
|
+
fontWeight?: string;
|
|
141
|
+
}
|
|
142
|
+
interface ScatterTrendLineOptions {
|
|
143
|
+
/** 회귀선을 계산할 대상 데이터셋 인덱스입니다. 미지정 시 전체 데이터를 기준으로 계산합니다. */
|
|
144
|
+
datasetIndex?: number;
|
|
145
|
+
/** 회귀선 색상입니다. */
|
|
146
|
+
borderColor?: string;
|
|
147
|
+
/** 회귀선 두께입니다. */
|
|
148
|
+
borderWidth?: number;
|
|
149
|
+
/** 회귀선 dash 패턴입니다. */
|
|
150
|
+
borderDash?: number[];
|
|
151
|
+
/** `false` 면 실제 데이터 범위까지만 그립니다. 기본값은 축 범위 전체까지 확장합니다. */
|
|
152
|
+
extend?: boolean;
|
|
153
|
+
}
|
|
154
|
+
interface ScatterCrosshairOptions {
|
|
155
|
+
/** 가이드라인 색상입니다. */
|
|
156
|
+
color?: string;
|
|
157
|
+
/** 가이드라인 두께입니다. */
|
|
158
|
+
width?: number;
|
|
159
|
+
/** 가이드라인 dash 패턴입니다. */
|
|
160
|
+
dash?: number[];
|
|
161
|
+
/** 교차점 라벨 표시 여부입니다. 기본값은 `true` 입니다. */
|
|
162
|
+
showLabels?: boolean;
|
|
163
|
+
/** 교차점 라벨 배경색입니다. */
|
|
164
|
+
labelBackgroundColor?: string;
|
|
165
|
+
/** 교차점 라벨 글자색입니다. */
|
|
166
|
+
labelColor?: string;
|
|
167
|
+
/** X 값 포맷터입니다. */
|
|
168
|
+
xFormatter?: (value: number) => string;
|
|
169
|
+
/** Y 값 포맷터입니다. */
|
|
170
|
+
yFormatter?: (value: number) => string;
|
|
171
|
+
}
|
|
172
|
+
interface ScatterAxisRangePadding {
|
|
173
|
+
/** X축 여유 비율입니다. `0.1` 이면 데이터 범위의 10%를 양쪽에 추가합니다. */
|
|
174
|
+
x?: number;
|
|
175
|
+
/** Y축 여유 비율입니다. `0.1` 이면 데이터 범위의 10%를 양쪽에 추가합니다. */
|
|
176
|
+
y?: number;
|
|
177
|
+
}
|
|
91
178
|
|
|
92
179
|
/**
|
|
93
180
|
* ═════════════════════════════════════════════════════════════
|
|
@@ -505,6 +592,76 @@ interface SegmentImageConfig {
|
|
|
505
592
|
backgroundColor?: string;
|
|
506
593
|
borderRadius?: number;
|
|
507
594
|
}
|
|
595
|
+
/**
|
|
596
|
+
* 게이지 구간 한 칸을 설명하는 설정입니다.
|
|
597
|
+
*/
|
|
598
|
+
interface GaugeSegment {
|
|
599
|
+
/** 구간 시작값입니다. */
|
|
600
|
+
from: number;
|
|
601
|
+
/** 구간 종료값입니다. */
|
|
602
|
+
to: number;
|
|
603
|
+
/** 구간 색상입니다. */
|
|
604
|
+
color: string;
|
|
605
|
+
/** 선택 라벨입니다. */
|
|
606
|
+
label?: string;
|
|
607
|
+
}
|
|
608
|
+
/**
|
|
609
|
+
* 게이지 바늘 렌더링 설정입니다.
|
|
610
|
+
*/
|
|
611
|
+
interface GaugeNeedleOptions {
|
|
612
|
+
/** 바늘 표시 여부입니다. 기본값은 `true` 입니다. */
|
|
613
|
+
display?: boolean;
|
|
614
|
+
/** 바늘 색상입니다. */
|
|
615
|
+
color?: string;
|
|
616
|
+
/** 바늘 두께입니다. */
|
|
617
|
+
width?: number;
|
|
618
|
+
/** 바늘 길이 비율입니다. `1`이면 outerRadius와 동일합니다. */
|
|
619
|
+
lengthRatio?: number;
|
|
620
|
+
/** 중심 원 반지름입니다. */
|
|
621
|
+
knobRadius?: number;
|
|
622
|
+
/** 중심 원 색상입니다. */
|
|
623
|
+
knobColor?: string;
|
|
624
|
+
}
|
|
625
|
+
/**
|
|
626
|
+
* 게이지 중앙 값 텍스트 설정입니다.
|
|
627
|
+
*/
|
|
628
|
+
interface GaugeValueTextOptions {
|
|
629
|
+
/** 텍스트 표시 여부입니다. 기본값은 `true` 입니다. */
|
|
630
|
+
display?: boolean;
|
|
631
|
+
/** 표시할 텍스트입니다. 생략 시 현재 값이 사용됩니다. */
|
|
632
|
+
text?: string | string[];
|
|
633
|
+
/** 값 기반 텍스트 포맷터입니다. */
|
|
634
|
+
formatter?: (value: number, min: number, max: number) => string | string[];
|
|
635
|
+
/** 글자 색상입니다. */
|
|
636
|
+
color?: string;
|
|
637
|
+
/** 글꼴 패밀리입니다. */
|
|
638
|
+
fontFamily?: string;
|
|
639
|
+
/** 글꼴 크기입니다. */
|
|
640
|
+
fontSize?: number;
|
|
641
|
+
/** 글꼴 굵기입니다. */
|
|
642
|
+
fontWeight?: string;
|
|
643
|
+
/** 세로 위치 보정값입니다. */
|
|
644
|
+
offsetY?: number;
|
|
645
|
+
}
|
|
646
|
+
/**
|
|
647
|
+
* 게이지 차트 내부 설정입니다.
|
|
648
|
+
*/
|
|
649
|
+
interface GaugeInternalOptions {
|
|
650
|
+
/** 최소값입니다. */
|
|
651
|
+
min?: number;
|
|
652
|
+
/** 최대값입니다. */
|
|
653
|
+
max?: number;
|
|
654
|
+
/** 현재 값입니다. */
|
|
655
|
+
value?: number;
|
|
656
|
+
/** 비어 있는 트랙 구간 색상입니다. */
|
|
657
|
+
trackColor?: string;
|
|
658
|
+
/** 사용자 정의 구간 설정입니다. */
|
|
659
|
+
segments?: GaugeSegment[];
|
|
660
|
+
/** 바늘 설정입니다. */
|
|
661
|
+
needle?: GaugeNeedleOptions;
|
|
662
|
+
/** 값 텍스트 설정입니다. */
|
|
663
|
+
valueText?: GaugeValueTextOptions;
|
|
664
|
+
}
|
|
508
665
|
interface SettingOptions {
|
|
509
666
|
img: string;
|
|
510
667
|
iconSize: {
|
|
@@ -607,9 +764,13 @@ type CustomArcChartOptions<TType extends ArcChartType = ArcChartType> = CustomCh
|
|
|
607
764
|
};
|
|
608
765
|
type CustomBarChartOptions = CustomChartOptions<'bar'>;
|
|
609
766
|
type CustomLineChartOptions = CustomChartOptions<'line'>;
|
|
767
|
+
type CustomScatterChartOptions = CustomChartOptions<'scatter'>;
|
|
610
768
|
type CustomBubbleChartOptions = CustomChartOptions<'bubble'>;
|
|
611
769
|
type CustomPieChartOptions = CustomArcChartOptions<'pie'>;
|
|
612
|
-
type CustomDoughnutChartOptions = CustomArcChartOptions<'doughnut'
|
|
770
|
+
type CustomDoughnutChartOptions = CustomArcChartOptions<'doughnut'> & {
|
|
771
|
+
/** 도넛을 게이지처럼 사용할 때의 내부 설정입니다. */
|
|
772
|
+
_gauge?: GaugeInternalOptions;
|
|
773
|
+
};
|
|
613
774
|
type CustomTreemapChartOptions = CustomChartOptions<'treemap'> & {
|
|
614
775
|
scales?: never;
|
|
615
776
|
};
|
|
@@ -738,6 +899,26 @@ interface LineChartBuilder extends CartesianChartBuilder<'line'> {
|
|
|
738
899
|
setAllPointHoverRadius(hoverRadius: number): this;
|
|
739
900
|
sparkLineChart(): this;
|
|
740
901
|
}
|
|
902
|
+
interface ScatterChartBuilder extends CartesianChartBuilder<'scatter'> {
|
|
903
|
+
setPointRadius(datasetIndex: number, radius: number): this;
|
|
904
|
+
setAllPointRadius(radius: number): this;
|
|
905
|
+
setPointHoverRadius(datasetIndex: number, hoverRadius: number): this;
|
|
906
|
+
setAllPointHoverRadius(hoverRadius: number): this;
|
|
907
|
+
setPointStyle(datasetIndex: number, pointStyle: PointStyle): this;
|
|
908
|
+
setAllPointStyle(pointStyle: PointStyle): this;
|
|
909
|
+
setShowLine(datasetIndex: number, showLine: boolean): this;
|
|
910
|
+
setAllShowLine(showLine: boolean): this;
|
|
911
|
+
setBorderWidth(datasetIndex: number, borderWidth: number): this;
|
|
912
|
+
setAllBorderWidth(borderWidth: number): this;
|
|
913
|
+
setPointColorByValue(resolver: (point: ScatterPointContext) => string): this;
|
|
914
|
+
setPointStyleByValue(resolver: (point: ScatterPointContext) => ScatterPointHighlightStyle | undefined): this;
|
|
915
|
+
setPointStyleWhere(predicate: (point: ScatterPointContext) => boolean, pointStyle: PointStyle | HTMLImageElement | HTMLCanvasElement): this;
|
|
916
|
+
addQuadrant(options?: ScatterQuadrantOptions): this;
|
|
917
|
+
addTrendLine(options?: ScatterTrendLineOptions): this;
|
|
918
|
+
addCrosshair(options?: ScatterCrosshairOptions): this;
|
|
919
|
+
highlightPoints(predicate: (point: ScatterPointContext) => boolean, style?: ScatterPointHighlightStyle): this;
|
|
920
|
+
setAxisRangeFromData(padding?: number | ScatterAxisRangePadding): this;
|
|
921
|
+
}
|
|
741
922
|
interface BubbleChartBuilder extends CartesianChartBuilder<'bubble'> {
|
|
742
923
|
setBubbleRadius(datasetIndex: number, radius: number): this;
|
|
743
924
|
setBubbleDataRadius(datasetIndex: number, dataIndex: number, radius: number): this;
|
|
@@ -779,9 +960,17 @@ interface PieChartBuilder extends ArcChartBuilder<'pie'> {
|
|
|
779
960
|
setSegmentColorWhere(filterFn: (value: number, index: number) => boolean, color: string): this;
|
|
780
961
|
}
|
|
781
962
|
interface DoughnutChartBuilder extends ArcChartBuilder<'doughnut'> {
|
|
963
|
+
asGauge(): this;
|
|
782
964
|
convertToPie(): this;
|
|
783
965
|
setSegmentOffset(datasetIndex: number, offset: number): this;
|
|
784
966
|
setCutout(cutout: string | number): this;
|
|
967
|
+
setGaugeRange(min: number, max: number): this;
|
|
968
|
+
setGaugeValue(value: number): this;
|
|
969
|
+
setGaugeSegments(segments: GaugeSegment[]): this;
|
|
970
|
+
setGaugeAngle(startDegree: number, endDegree: number): this;
|
|
971
|
+
setGaugeNeedle(options: GaugeNeedleOptions | boolean): this;
|
|
972
|
+
setGaugeValueText(config: GaugeValueTextOptions | ((value: number, min: number, max: number) => string | string[])): this;
|
|
973
|
+
setGaugeTrackColor(color: string): this;
|
|
785
974
|
setCenterText(config: {
|
|
786
975
|
text: string | string[];
|
|
787
976
|
color?: string;
|
|
@@ -849,12 +1038,17 @@ type Types_CustomDoughnutChartOptions = CustomDoughnutChartOptions;
|
|
|
849
1038
|
type Types_CustomLineChartOptions = CustomLineChartOptions;
|
|
850
1039
|
type Types_CustomOptionPlugins<TType extends ChartType = ChartType> = CustomOptionPlugins<TType>;
|
|
851
1040
|
type Types_CustomPieChartOptions = CustomPieChartOptions;
|
|
1041
|
+
type Types_CustomScatterChartOptions = CustomScatterChartOptions;
|
|
852
1042
|
type Types_CustomTreemapChartOptions = CustomTreemapChartOptions;
|
|
853
1043
|
type Types_CustomTreemapDataset<DType = Record<string, unknown>> = CustomTreemapDataset<DType>;
|
|
854
1044
|
type Types_DeepPartial<T> = DeepPartial<T>;
|
|
855
1045
|
type Types_DeepPartialCartesianAxes = DeepPartialCartesianAxes;
|
|
856
1046
|
type Types_DeepPartialPluginOptions<T extends ChartType> = DeepPartialPluginOptions<T>;
|
|
857
1047
|
type Types_DoughnutChartBuilder = DoughnutChartBuilder;
|
|
1048
|
+
type Types_GaugeInternalOptions = GaugeInternalOptions;
|
|
1049
|
+
type Types_GaugeNeedleOptions = GaugeNeedleOptions;
|
|
1050
|
+
type Types_GaugeSegment = GaugeSegment;
|
|
1051
|
+
type Types_GaugeValueTextOptions = GaugeValueTextOptions;
|
|
858
1052
|
type Types_HierarchicalChartType = HierarchicalChartType;
|
|
859
1053
|
type Types_HtmlLegendOptions = HtmlLegendOptions;
|
|
860
1054
|
type Types_LineChartBuilder = LineChartBuilder;
|
|
@@ -864,6 +1058,14 @@ type Types_PieChartBuilder = PieChartBuilder;
|
|
|
864
1058
|
type Types_Position = Position;
|
|
865
1059
|
type Types_RadarChartBuilder = RadarChartBuilder;
|
|
866
1060
|
type Types_RadialChartType = RadialChartType;
|
|
1061
|
+
type Types_ScatterAxisRangePadding = ScatterAxisRangePadding;
|
|
1062
|
+
type Types_ScatterChartBuilder = ScatterChartBuilder;
|
|
1063
|
+
type Types_ScatterCrosshairOptions = ScatterCrosshairOptions;
|
|
1064
|
+
type Types_ScatterDataset = ScatterDataset;
|
|
1065
|
+
type Types_ScatterPointContext = ScatterPointContext;
|
|
1066
|
+
type Types_ScatterPointHighlightStyle = ScatterPointHighlightStyle;
|
|
1067
|
+
type Types_ScatterQuadrantOptions = ScatterQuadrantOptions;
|
|
1068
|
+
type Types_ScatterTrendLineOptions = ScatterTrendLineOptions;
|
|
867
1069
|
type Types_SegmentImageConfig = SegmentImageConfig;
|
|
868
1070
|
type Types_SettingOptions = SettingOptions;
|
|
869
1071
|
type Types_SpinnerOverlayConfig = SpinnerOverlayConfig;
|
|
@@ -880,7 +1082,7 @@ type Types_TimeUnit = TimeUnit;
|
|
|
880
1082
|
type Types_TreemapChartBuilder = TreemapChartBuilder;
|
|
881
1083
|
type Types_UidImageMapping = UidImageMapping;
|
|
882
1084
|
declare namespace Types {
|
|
883
|
-
export type { Types_Align as Align, Types_ArcChartBuilder as ArcChartBuilder, Types_ArcChartType as ArcChartType, Types_ArcDataset as ArcDataset, Types_BarChartBuilder as BarChartBuilder, Types_BubbleChartBuilder as BubbleChartBuilder, Types_CartesianChartBuilder as CartesianChartBuilder, Types_CartesianChartType as CartesianChartType, Types_CartesianDataset as CartesianDataset, Types_ChartBuilder as ChartBuilder, Types_Color as Color, Types_CommonAxes as CommonAxes, Types_CommonAxesSacels as CommonAxesSacels, Types_CommonCartesian as CommonCartesian, Types_CommonCartesianAxes as CommonCartesianAxes, Types_CommonCartesianLegendConfig as CommonCartesianLegendConfig, Types_CommonCartesianTicks as CommonCartesianTicks, Types_CommonCartesianTitleConfig as CommonCartesianTitleConfig, Types_CommonTicks as CommonTicks, Types_Constructor as Constructor, Types_CustomArcChartOptions as CustomArcChartOptions, Types_CustomBarChartOptions as CustomBarChartOptions, Types_CustomBubbleChartOptions as CustomBubbleChartOptions, Types_CustomCartesianDataset as CustomCartesianDataset, Types_CustomChartDatasets as CustomChartDatasets, Types_CustomChartOptions as CustomChartOptions, Types_CustomDoughnutChartOptions as CustomDoughnutChartOptions, Types_CustomLineChartOptions as CustomLineChartOptions, Types_CustomOptionPlugins as CustomOptionPlugins, Types_CustomPieChartOptions as CustomPieChartOptions, Types_CustomTreemapChartOptions as CustomTreemapChartOptions, Types_CustomTreemapDataset as CustomTreemapDataset, Types_DeepPartial as DeepPartial, Types_DeepPartialCartesianAxes as DeepPartialCartesianAxes, Types_DeepPartialPluginOptions as DeepPartialPluginOptions, Types_DoughnutChartBuilder as DoughnutChartBuilder, Types_HierarchicalChartType as HierarchicalChartType, Types_HtmlLegendOptions as HtmlLegendOptions, Types_LineChartBuilder as LineChartBuilder, Types_Mode as Mode, Types_Override as Override, Types_PieChartBuilder as PieChartBuilder, Types_Position as Position, Types_RadarChartBuilder as RadarChartBuilder, Types_RadialChartType as RadialChartType, Types_SegmentImageConfig as SegmentImageConfig, Types_SettingOptions as SettingOptions, Types_SpinnerOverlayConfig as SpinnerOverlayConfig, Types_SpinnerOverlayOption as SpinnerOverlayOption, Types_SpinnerOverlayRenderContext as SpinnerOverlayRenderContext, Types_SpinnerOverlaySpinnerContent as SpinnerOverlaySpinnerContent, Types_SpinnerOverlayStyle as SpinnerOverlayStyle, Types_StzClickContext as StzClickContext, Types_StzClickHandler as StzClickHandler, Types_StzClickItem as StzClickItem, Types_TimeScaleConfig as TimeScaleConfig, Types_TimeScaleType as TimeScaleType, Types_TimeUnit as TimeUnit, Types_TreemapChartBuilder as TreemapChartBuilder, Types_UidImageMapping as UidImageMapping };
|
|
1085
|
+
export type { Types_Align as Align, Types_ArcChartBuilder as ArcChartBuilder, Types_ArcChartType as ArcChartType, Types_ArcDataset as ArcDataset, Types_BarChartBuilder as BarChartBuilder, Types_BubbleChartBuilder as BubbleChartBuilder, Types_CartesianChartBuilder as CartesianChartBuilder, Types_CartesianChartType as CartesianChartType, Types_CartesianDataset as CartesianDataset, Types_ChartBuilder as ChartBuilder, Types_Color as Color, Types_CommonAxes as CommonAxes, Types_CommonAxesSacels as CommonAxesSacels, Types_CommonCartesian as CommonCartesian, Types_CommonCartesianAxes as CommonCartesianAxes, Types_CommonCartesianLegendConfig as CommonCartesianLegendConfig, Types_CommonCartesianTicks as CommonCartesianTicks, Types_CommonCartesianTitleConfig as CommonCartesianTitleConfig, Types_CommonTicks as CommonTicks, Types_Constructor as Constructor, Types_CustomArcChartOptions as CustomArcChartOptions, Types_CustomBarChartOptions as CustomBarChartOptions, Types_CustomBubbleChartOptions as CustomBubbleChartOptions, Types_CustomCartesianDataset as CustomCartesianDataset, Types_CustomChartDatasets as CustomChartDatasets, Types_CustomChartOptions as CustomChartOptions, Types_CustomDoughnutChartOptions as CustomDoughnutChartOptions, Types_CustomLineChartOptions as CustomLineChartOptions, Types_CustomOptionPlugins as CustomOptionPlugins, Types_CustomPieChartOptions as CustomPieChartOptions, Types_CustomScatterChartOptions as CustomScatterChartOptions, Types_CustomTreemapChartOptions as CustomTreemapChartOptions, Types_CustomTreemapDataset as CustomTreemapDataset, Types_DeepPartial as DeepPartial, Types_DeepPartialCartesianAxes as DeepPartialCartesianAxes, Types_DeepPartialPluginOptions as DeepPartialPluginOptions, Types_DoughnutChartBuilder as DoughnutChartBuilder, Types_GaugeInternalOptions as GaugeInternalOptions, Types_GaugeNeedleOptions as GaugeNeedleOptions, Types_GaugeSegment as GaugeSegment, Types_GaugeValueTextOptions as GaugeValueTextOptions, Types_HierarchicalChartType as HierarchicalChartType, Types_HtmlLegendOptions as HtmlLegendOptions, Types_LineChartBuilder as LineChartBuilder, Types_Mode as Mode, Types_Override as Override, Types_PieChartBuilder as PieChartBuilder, Types_Position as Position, Types_RadarChartBuilder as RadarChartBuilder, Types_RadialChartType as RadialChartType, Types_ScatterAxisRangePadding as ScatterAxisRangePadding, Types_ScatterChartBuilder as ScatterChartBuilder, Types_ScatterCrosshairOptions as ScatterCrosshairOptions, Types_ScatterDataset as ScatterDataset, Types_ScatterPointContext as ScatterPointContext, Types_ScatterPointHighlightStyle as ScatterPointHighlightStyle, Types_ScatterQuadrantOptions as ScatterQuadrantOptions, Types_ScatterTrendLineOptions as ScatterTrendLineOptions, Types_SegmentImageConfig as SegmentImageConfig, Types_SettingOptions as SettingOptions, Types_SpinnerOverlayConfig as SpinnerOverlayConfig, Types_SpinnerOverlayOption as SpinnerOverlayOption, Types_SpinnerOverlayRenderContext as SpinnerOverlayRenderContext, Types_SpinnerOverlaySpinnerContent as SpinnerOverlaySpinnerContent, Types_SpinnerOverlayStyle as SpinnerOverlayStyle, Types_StzClickContext as StzClickContext, Types_StzClickHandler as StzClickHandler, Types_StzClickItem as StzClickItem, Types_TimeScaleConfig as TimeScaleConfig, Types_TimeScaleType as TimeScaleType, Types_TimeUnit as TimeUnit, Types_TreemapChartBuilder as TreemapChartBuilder, Types_UidImageMapping as UidImageMapping };
|
|
884
1086
|
}
|
|
885
1087
|
|
|
886
1088
|
interface ChartConfig {
|
|
@@ -894,7 +1096,7 @@ interface ChartConfig {
|
|
|
894
1096
|
type ChartBuilderMap = {
|
|
895
1097
|
line: LineChartBuilder;
|
|
896
1098
|
bar: BarChartBuilder;
|
|
897
|
-
scatter:
|
|
1099
|
+
scatter: ScatterChartBuilder;
|
|
898
1100
|
bubble: CartesianChartBuilder<'bubble'>;
|
|
899
1101
|
doughnut: DoughnutChartBuilder;
|
|
900
1102
|
pie: PieChartBuilder;
|
|
@@ -911,7 +1113,7 @@ declare abstract class Chart<TType extends ChartType, TOptions extends CustomCha
|
|
|
911
1113
|
protected get datasets(): CustomChartDatasets<TType>[];
|
|
912
1114
|
protected set datasets(value: CustomChartDatasets<TType>[]);
|
|
913
1115
|
constructor(type: TType, labels: (string | number)[] | undefined, _datasets: CustomChartDatasets<TType>[], options: TOptions, plugins?: any | undefined);
|
|
914
|
-
static create<TType extends ChartType>(type: TType, labels: (string | number)[], datasets: CustomChartDatasets<TType>[], options?: CustomChartOptions<TType>, plugins?: Plugin
|
|
1116
|
+
static create<TType extends ChartType>(type: TType, labels: (string | number)[], datasets: CustomChartDatasets<TType>[], options?: CustomChartOptions<TType>, plugins?: Plugin): TType extends keyof ChartBuilderMap ? ChartBuilderMap[TType] : ChartBuilder<TType>;
|
|
915
1117
|
static register<TType extends ChartType, TInstance>(type: TType, wrapperClass: Constructor<TType, TInstance>): void;
|
|
916
1118
|
static has(type: ChartType): boolean;
|
|
917
1119
|
protected cloneValue<T>(value: T): T;
|
|
@@ -2004,6 +2206,147 @@ declare class LineChart extends CartesianChart<'line'> implements LineChartBuild
|
|
|
2004
2206
|
sparkLineChart(): this;
|
|
2005
2207
|
}
|
|
2006
2208
|
|
|
2209
|
+
declare class ScatterChart extends CartesianChart<'scatter'> implements ScatterChartBuilder {
|
|
2210
|
+
constructor(type: 'scatter', labels: (string | number)[], datasets: ScatterDataset[], options?: CustomScatterChartOptions, plugins?: Plugin);
|
|
2211
|
+
protected requireLabels(): boolean;
|
|
2212
|
+
makeConfig(id?: string): {
|
|
2213
|
+
_chartId: any;
|
|
2214
|
+
type: any;
|
|
2215
|
+
data: any;
|
|
2216
|
+
options: any;
|
|
2217
|
+
plugins: any;
|
|
2218
|
+
};
|
|
2219
|
+
setPointRadius(datasetIndex: number, radius: number): this;
|
|
2220
|
+
setAllPointRadius(radius: number): this;
|
|
2221
|
+
setPointHoverRadius(datasetIndex: number, hoverRadius: number): this;
|
|
2222
|
+
setAllPointHoverRadius(hoverRadius: number): this;
|
|
2223
|
+
setPointStyle(datasetIndex: number, pointStyle: PointStyle): this;
|
|
2224
|
+
setAllPointStyle(pointStyle: PointStyle): this;
|
|
2225
|
+
setShowLine(datasetIndex: number, showLine: boolean): this;
|
|
2226
|
+
setAllShowLine(showLine: boolean): this;
|
|
2227
|
+
setBorderWidth(datasetIndex: number, borderWidth: number): this;
|
|
2228
|
+
setAllBorderWidth(borderWidth: number): this;
|
|
2229
|
+
private resolvePointValue;
|
|
2230
|
+
private createPointContext;
|
|
2231
|
+
private resolveOptionValue;
|
|
2232
|
+
private applyPointOption;
|
|
2233
|
+
private collectScatterPoints;
|
|
2234
|
+
private resolveAxisBounds;
|
|
2235
|
+
/**
|
|
2236
|
+
* @description 값에 따라 포인트 색상을 정합니다.
|
|
2237
|
+
* @param {(point: ScatterPointContext) => string} resolver
|
|
2238
|
+
* @returns {this}
|
|
2239
|
+
* @Since 2.4.0
|
|
2240
|
+
*/
|
|
2241
|
+
setPointColorByValue(resolver: (point: ScatterPointContext) => string): this;
|
|
2242
|
+
/**
|
|
2243
|
+
* @description 값에 따라 포인트의 모양, 크기, 색상, 테두리를 한 번에 결정합니다.
|
|
2244
|
+
* @param resolver
|
|
2245
|
+
* @returns {this}
|
|
2246
|
+
* @since 2.4.0
|
|
2247
|
+
* @example
|
|
2248
|
+
* chart.setPointStyleByValue(point => ({
|
|
2249
|
+
* pointStyle: point.raw.status === 'alert' ? alertImage : 'circle',
|
|
2250
|
+
* pointRadius: point.y >= 80 ? 8 : 4,
|
|
2251
|
+
* pointBackgroundColor: point.y >= 80 ? '#ef4444' : '#3b82f6',
|
|
2252
|
+
* pointBorderColor: '#0f172a',
|
|
2253
|
+
* pointBorderWidth: 1,
|
|
2254
|
+
* }));
|
|
2255
|
+
*/
|
|
2256
|
+
setPointStyleByValue(resolver: (point: ScatterPointContext) => ScatterPointHighlightStyle | undefined): this;
|
|
2257
|
+
/**
|
|
2258
|
+
* @description 특정 조건의 포인트 모양을 변경합니다. 이미지 사용 가능
|
|
2259
|
+
* @param predicate
|
|
2260
|
+
* @param pointStyle
|
|
2261
|
+
* @returns {this}
|
|
2262
|
+
* @since 2.4.0
|
|
2263
|
+
* @example
|
|
2264
|
+
* const alertImage = new Image();
|
|
2265
|
+
* alertImage.src = '/icons/alert-point.png';
|
|
2266
|
+
*
|
|
2267
|
+
* chart.setPointStyleWhere(
|
|
2268
|
+
* point => point.raw.status === 'alert',
|
|
2269
|
+
* alertImage
|
|
2270
|
+
* );
|
|
2271
|
+
*/
|
|
2272
|
+
setPointStyleWhere(predicate: (point: ScatterPointContext) => boolean, pointStyle: PointStyle | HTMLImageElement | HTMLCanvasElement): this;
|
|
2273
|
+
/**
|
|
2274
|
+
* @description Scatter 기준선을 중심으로 4개 영역을 구분합니다.
|
|
2275
|
+
* @param options
|
|
2276
|
+
* @returns {this}
|
|
2277
|
+
* @since 2.4.0
|
|
2278
|
+
* @example
|
|
2279
|
+
* chart.addQuadrant({
|
|
2280
|
+
* x: 50,
|
|
2281
|
+
* y: 50,
|
|
2282
|
+
* labels: {
|
|
2283
|
+
* topLeft: '낮은 X / 높은 Y',
|
|
2284
|
+
* topRight: '높은 X / 높은 Y',
|
|
2285
|
+
* bottomLeft: '낮은 X / 낮은 Y',
|
|
2286
|
+
* bottomRight: '높은 X / 낮은 Y',
|
|
2287
|
+
* },
|
|
2288
|
+
* });
|
|
2289
|
+
*/
|
|
2290
|
+
addQuadrant(options?: ScatterQuadrantOptions): this;
|
|
2291
|
+
/**
|
|
2292
|
+
* @description 선형 회귀선을 표시합니다.
|
|
2293
|
+
* @param options
|
|
2294
|
+
* @returns {this}
|
|
2295
|
+
* @since 2.4.0
|
|
2296
|
+
* @example
|
|
2297
|
+
* chart.addTrendLine({
|
|
2298
|
+
* borderColor: '#ef4444',
|
|
2299
|
+
* borderDash: [6, 4],
|
|
2300
|
+
* });
|
|
2301
|
+
*/
|
|
2302
|
+
addTrendLine(options?: ScatterTrendLineOptions): this;
|
|
2303
|
+
/**
|
|
2304
|
+
* @description 마우스 위치의 X/Y 가이드라인과 값을 표시합니다.
|
|
2305
|
+
* @param options
|
|
2306
|
+
* @returns {this}
|
|
2307
|
+
* @since 2.4.0
|
|
2308
|
+
* @example
|
|
2309
|
+
* chart.addCrosshair({
|
|
2310
|
+
* color: 'rgba(37, 99, 235, 0.65)',
|
|
2311
|
+
* xFormatter: value => `${value} ms`,
|
|
2312
|
+
* yFormatter: value => `${value}%`,
|
|
2313
|
+
* });
|
|
2314
|
+
*/
|
|
2315
|
+
addCrosshair(options?: ScatterCrosshairOptions): this;
|
|
2316
|
+
/**
|
|
2317
|
+
* @description 데이터 강조를 합니다.
|
|
2318
|
+
* @param predicate
|
|
2319
|
+
* @param style
|
|
2320
|
+
* @returns {this}
|
|
2321
|
+
* @since 2.4.0
|
|
2322
|
+
* @example
|
|
2323
|
+
* chart.highlightPoints(
|
|
2324
|
+
* point => point.y >= 80,
|
|
2325
|
+
* {
|
|
2326
|
+
* pointRadius: 8,
|
|
2327
|
+
* pointBackgroundColor: '#ef4444',
|
|
2328
|
+
* pointBorderColor: '#7f1d1d',
|
|
2329
|
+
* }
|
|
2330
|
+
* );
|
|
2331
|
+
*/
|
|
2332
|
+
highlightPoints(predicate: (point: ScatterPointContext) => boolean, style?: ScatterPointHighlightStyle): this;
|
|
2333
|
+
/**
|
|
2334
|
+
* @description 데이터 기준으로 축 범위를 자동 계산하고 padding을 줍니다.
|
|
2335
|
+
* @param padding
|
|
2336
|
+
* @returns {this}
|
|
2337
|
+
* @since 2.4.0
|
|
2338
|
+
* @example
|
|
2339
|
+
* chart.setAxisRangeFromData(0.15);
|
|
2340
|
+
*
|
|
2341
|
+
* @example
|
|
2342
|
+
* chart.setAxisRangeFromData({
|
|
2343
|
+
* x: 0.2,
|
|
2344
|
+
* y: 0.1,
|
|
2345
|
+
* });
|
|
2346
|
+
*/
|
|
2347
|
+
setAxisRangeFromData(padding?: number | ScatterAxisRangePadding): this;
|
|
2348
|
+
}
|
|
2349
|
+
|
|
2007
2350
|
declare class BubbleChart extends CartesianChart<'bubble'> implements BubbleChartBuilder {
|
|
2008
2351
|
constructor(type: 'bubble', labels: (string | number)[], datasets: CartesianDataset<'bubble'>[], options?: CustomBubbleChartOptions, plugins?: any);
|
|
2009
2352
|
protected requireLabels(): boolean;
|
|
@@ -2163,10 +2506,10 @@ declare class BubbleChart extends CartesianChart<'bubble'> implements BubbleChar
|
|
|
2163
2506
|
* ═════════════════════════════════════════════════════════════
|
|
2164
2507
|
*/
|
|
2165
2508
|
|
|
2166
|
-
declare abstract class ArcChart<TType extends ArcChartType> extends Chart<TType> implements ArcChartBuilder<TType> {
|
|
2509
|
+
declare abstract class ArcChart<TType extends ArcChartType, TOptions extends CustomArcChartOptions<TType> = CustomArcChartOptions<TType>> extends Chart<TType, TOptions> implements ArcChartBuilder<TType> {
|
|
2167
2510
|
readonly type: TType;
|
|
2168
2511
|
private _chartId?;
|
|
2169
|
-
protected constructor(type: TType, labels: (string | number)[], datasets: ChartDataset<TType, (number | null)[]>[], options?:
|
|
2512
|
+
protected constructor(type: TType, labels: (string | number)[], datasets: ChartDataset<TType, (number | null)[]>[], options?: TOptions, plugins?: Plugin);
|
|
2170
2513
|
get chartId(): string;
|
|
2171
2514
|
set chartId(value: string);
|
|
2172
2515
|
protected requireLabels(): boolean;
|
|
@@ -2186,7 +2529,7 @@ declare abstract class ArcChart<TType extends ArcChartType> extends Chart<TType>
|
|
|
2186
2529
|
afterDraw(chart: any, args: any, options: any): void;
|
|
2187
2530
|
afterDestroy(chart: any): void;
|
|
2188
2531
|
}[];
|
|
2189
|
-
protected resolveMustHavePlugins(options?:
|
|
2532
|
+
protected resolveMustHavePlugins(options?: TOptions): any[];
|
|
2190
2533
|
protected normalize(): void;
|
|
2191
2534
|
protected configAop(config: any): any;
|
|
2192
2535
|
/**
|
|
@@ -2292,9 +2635,15 @@ declare abstract class ArcChart<TType extends ArcChartType> extends Chart<TType>
|
|
|
2292
2635
|
setSegmentImages(images: string[] | UidImageMapping[], config?: Partial<Omit<SegmentImageConfig, 'images'>>): this;
|
|
2293
2636
|
}
|
|
2294
2637
|
|
|
2295
|
-
declare class DoughnutChart extends ArcChart<'doughnut'> implements DoughnutChartBuilder {
|
|
2638
|
+
declare class DoughnutChart extends ArcChart<'doughnut', CustomDoughnutChartOptions> implements DoughnutChartBuilder {
|
|
2296
2639
|
constructor(type: 'doughnut', labels: (string | number)[], datasets: ChartDataset<'doughnut', (number | null)[]>[], options?: CustomDoughnutChartOptions, plugins?: any);
|
|
2297
2640
|
protected requireLabels(): boolean;
|
|
2641
|
+
private isGaugeMode;
|
|
2642
|
+
private get gaugeOptions();
|
|
2643
|
+
private ensureGaugePlugin;
|
|
2644
|
+
private get primaryDataset();
|
|
2645
|
+
private normalizeGaugeSegments;
|
|
2646
|
+
private syncGaugeDataset;
|
|
2298
2647
|
/**
|
|
2299
2648
|
* @description 레거시 지원용 차트 설정 객체를 생성합니다.
|
|
2300
2649
|
* @param {string} id
|
|
@@ -2303,6 +2652,7 @@ declare class DoughnutChart extends ArcChart<'doughnut'> implements DoughnutChar
|
|
|
2303
2652
|
* @beta
|
|
2304
2653
|
*/
|
|
2305
2654
|
makeConfig(id?: string): ChartConfig;
|
|
2655
|
+
build(id?: string): ChartConfig;
|
|
2306
2656
|
/**
|
|
2307
2657
|
* @description 도넛 구멍 크기를 설정합니다.
|
|
2308
2658
|
* @param cutout - 구멍 크기 ('50%', '60%' 또는 픽셀값)
|
|
@@ -2318,6 +2668,19 @@ declare class DoughnutChart extends ArcChart<'doughnut'> implements DoughnutChar
|
|
|
2318
2668
|
* @beta
|
|
2319
2669
|
*/
|
|
2320
2670
|
convertToPie(): this;
|
|
2671
|
+
/**
|
|
2672
|
+
* @description 도넛 차트를 반원 게이지 기본 설정으로 전환합니다.
|
|
2673
|
+
* @returns {this}
|
|
2674
|
+
* @since 2.4.1
|
|
2675
|
+
* @example
|
|
2676
|
+
* const chart = ChartWrapper
|
|
2677
|
+
* .create('doughnut', [], [{ data: [] }])
|
|
2678
|
+
* .asGauge()
|
|
2679
|
+
* .setGaugeRange(0, 100)
|
|
2680
|
+
* .setGaugeValue(68)
|
|
2681
|
+
* .build('gaugeChart');
|
|
2682
|
+
*/
|
|
2683
|
+
asGauge(): this;
|
|
2321
2684
|
/**
|
|
2322
2685
|
* @description 모든 세그먼트의 색상을 설정합니다.
|
|
2323
2686
|
* @param colors - 색상 배열
|
|
@@ -2399,6 +2762,119 @@ declare class DoughnutChart extends ArcChart<'doughnut'> implements DoughnutChar
|
|
|
2399
2762
|
minFontSize?: number;
|
|
2400
2763
|
maxFontSize?: number;
|
|
2401
2764
|
}): this;
|
|
2765
|
+
/**
|
|
2766
|
+
* @description 게이지 최소값과 최대값을 설정합니다.
|
|
2767
|
+
* @param {number} min - 게이지 최소값
|
|
2768
|
+
* @param {number} max - 게이지 최대값
|
|
2769
|
+
* @returns {this}
|
|
2770
|
+
* @since 2.4.1
|
|
2771
|
+
* @example
|
|
2772
|
+
* const chart = ChartWrapper
|
|
2773
|
+
* .create('doughnut', [], [{ data: [] }])
|
|
2774
|
+
* .asGauge()
|
|
2775
|
+
* .setGaugeRange(0, 100);
|
|
2776
|
+
*/
|
|
2777
|
+
setGaugeRange(min: number, max: number): this;
|
|
2778
|
+
/**
|
|
2779
|
+
* @description 게이지 현재 값을 설정합니다.
|
|
2780
|
+
* @param {number} value - 게이지에 표시할 현재 값
|
|
2781
|
+
* @returns {this}
|
|
2782
|
+
* @since 2.4.1
|
|
2783
|
+
* @example
|
|
2784
|
+
* const chart = ChartWrapper
|
|
2785
|
+
* .create('doughnut', [], [{ data: [] }])
|
|
2786
|
+
* .asGauge()
|
|
2787
|
+
* .setGaugeValue(72);
|
|
2788
|
+
*/
|
|
2789
|
+
setGaugeValue(value: number): this;
|
|
2790
|
+
/**
|
|
2791
|
+
* @description 게이지 구간 목록을 설정합니다.
|
|
2792
|
+
* @param {GaugeSegment[]} segments - 게이지를 구성할 구간 배열
|
|
2793
|
+
* @returns {this}
|
|
2794
|
+
* @since 2.4.1
|
|
2795
|
+
* @example
|
|
2796
|
+
* const chart = ChartWrapper
|
|
2797
|
+
* .create('doughnut', [], [{ data: [] }])
|
|
2798
|
+
* .asGauge()
|
|
2799
|
+
* .setGaugeSegments([
|
|
2800
|
+
* { from: 0, to: 55, color: '#22c55e', label: 'safe' },
|
|
2801
|
+
* { from: 55, to: 80, color: '#f59e0b', label: 'warn' },
|
|
2802
|
+
* { from: 80, to: 100, color: '#ef4444', label: 'critical' },
|
|
2803
|
+
* ]);
|
|
2804
|
+
*/
|
|
2805
|
+
setGaugeSegments(segments: GaugeSegment[]): this;
|
|
2806
|
+
/**
|
|
2807
|
+
* @description 게이지 시작/종료 각도를 도 단위로 설정합니다.
|
|
2808
|
+
* @param {number} startDegree - 시작 각도
|
|
2809
|
+
* @param {number} endDegree - 종료 각도
|
|
2810
|
+
* @returns {this}
|
|
2811
|
+
* @since 2.4.1
|
|
2812
|
+
* @example
|
|
2813
|
+
* const chart = ChartWrapper
|
|
2814
|
+
* .create('doughnut', [], [{ data: [] }])
|
|
2815
|
+
* .asGauge()
|
|
2816
|
+
* .setGaugeAngle(-90, 90);
|
|
2817
|
+
*/
|
|
2818
|
+
setGaugeAngle(startDegree: number, endDegree: number): this;
|
|
2819
|
+
/**
|
|
2820
|
+
* @description 게이지 바늘 설정을 갱신합니다.
|
|
2821
|
+
* @param {GaugeNeedleOptions | boolean} options - 바늘 표시 여부 또는 상세 설정
|
|
2822
|
+
* @returns {this}
|
|
2823
|
+
* @since 2.4.1
|
|
2824
|
+
* @example
|
|
2825
|
+
* const chart = ChartWrapper
|
|
2826
|
+
* .create('doughnut', [], [{ data: [] }])
|
|
2827
|
+
* .asGauge()
|
|
2828
|
+
* .setGaugeNeedle({
|
|
2829
|
+
* color: '#0f172a',
|
|
2830
|
+
* width: 4,
|
|
2831
|
+
* knobRadius: 7,
|
|
2832
|
+
* knobColor: '#0f172a',
|
|
2833
|
+
* lengthRatio: 0.9,
|
|
2834
|
+
* });
|
|
2835
|
+
*
|
|
2836
|
+
* @example
|
|
2837
|
+
* const chart = ChartWrapper
|
|
2838
|
+
* .create('doughnut', [], [{ data: [] }])
|
|
2839
|
+
* .asGauge()
|
|
2840
|
+
* .setGaugeNeedle(false);
|
|
2841
|
+
*/
|
|
2842
|
+
setGaugeNeedle(options: GaugeNeedleOptions | boolean): this;
|
|
2843
|
+
/**
|
|
2844
|
+
* @description 게이지 중앙 값 텍스트를 설정합니다.
|
|
2845
|
+
* @param {GaugeValueTextOptions | ((value: number, min: number, max: number) => string | string[])} config - 텍스트 설정 또는 포맷터 함수
|
|
2846
|
+
* @returns {this}
|
|
2847
|
+
* @since 2.4.1
|
|
2848
|
+
* @example
|
|
2849
|
+
* const chart = ChartWrapper
|
|
2850
|
+
* .create('doughnut', [], [{ data: [] }])
|
|
2851
|
+
* .asGauge()
|
|
2852
|
+
* .setGaugeValueText({
|
|
2853
|
+
* text: ['72%', 'requests'],
|
|
2854
|
+
* color: '#111827',
|
|
2855
|
+
* fontSize: 22,
|
|
2856
|
+
* fontWeight: '800',
|
|
2857
|
+
* });
|
|
2858
|
+
*
|
|
2859
|
+
* @example
|
|
2860
|
+
* const chart = ChartWrapper
|
|
2861
|
+
* .create('doughnut', [], [{ data: [] }])
|
|
2862
|
+
* .asGauge()
|
|
2863
|
+
* .setGaugeValueText((value, min, max) => [`${value}%`, `${max - min} scale`]);
|
|
2864
|
+
*/
|
|
2865
|
+
setGaugeValueText(config: GaugeValueTextOptions | ((value: number, min: number, max: number) => string | string[])): this;
|
|
2866
|
+
/**
|
|
2867
|
+
* @description 게이지 비활성 트랙 색상을 설정합니다.
|
|
2868
|
+
* @param {string} color - 비활성 트랙에 사용할 색상
|
|
2869
|
+
* @returns {this}
|
|
2870
|
+
* @since 2.4.1
|
|
2871
|
+
* @example
|
|
2872
|
+
* const chart = ChartWrapper
|
|
2873
|
+
* .create('doughnut', [], [{ data: [] }])
|
|
2874
|
+
* .asGauge()
|
|
2875
|
+
* .setGaugeTrackColor('rgba(148, 163, 184, 0.24)');
|
|
2876
|
+
*/
|
|
2877
|
+
setGaugeTrackColor(color: string): this;
|
|
2402
2878
|
}
|
|
2403
2879
|
|
|
2404
2880
|
declare class PieChart extends ArcChart<'pie'> implements PieChartBuilder {
|
|
@@ -2584,7 +3060,7 @@ declare class PieChart extends ArcChart<'pie'> implements PieChartBuilder {
|
|
|
2584
3060
|
|
|
2585
3061
|
declare class TreemapChart extends Chart<'treemap', CustomTreemapChartOptions> implements TreemapChartBuilder {
|
|
2586
3062
|
private _chartId?;
|
|
2587
|
-
constructor(type: 'treemap', labels: undefined, datasets: CustomTreemapDataset[], options?: CustomTreemapChartOptions, plugins?: Plugin
|
|
3063
|
+
constructor(type: 'treemap', labels: undefined, datasets: CustomTreemapDataset[], options?: CustomTreemapChartOptions, plugins?: Plugin);
|
|
2588
3064
|
get chartId(): string;
|
|
2589
3065
|
set chartId(value: string);
|
|
2590
3066
|
protected normalize(): void;
|
|
@@ -2654,6 +3130,11 @@ declare class TreemapChart extends Chart<'treemap', CustomTreemapChartOptions> i
|
|
|
2654
3130
|
setBorderColor(borderColor: string): this;
|
|
2655
3131
|
}
|
|
2656
3132
|
|
|
3133
|
+
/**
|
|
3134
|
+
* 게이지 차트의 바늘과 중앙 텍스트를 그리는 플러그인입니다.
|
|
3135
|
+
*/
|
|
3136
|
+
declare const gaugeOverlayPlugin: Plugin<'doughnut'>;
|
|
3137
|
+
|
|
2657
3138
|
/**
|
|
2658
3139
|
* @description Cartesian 차트에서 사용할 수 있는 플러그인들을 제공합니다.
|
|
2659
3140
|
* @since 1.6.6
|
|
@@ -2748,6 +3229,55 @@ declare const createAssignedTasksPlugin: (fieldName?: string, options?: {
|
|
|
2748
3229
|
afterDatasetsDraw(chart: any, args: any, pluginOptions: any): void;
|
|
2749
3230
|
};
|
|
2750
3231
|
|
|
3232
|
+
/**
|
|
3233
|
+
* @description Scatter 기준선을 중심으로 4개 영역을 구분하는 플러그인 인스턴스를 생성합니다.
|
|
3234
|
+
* @param options
|
|
3235
|
+
* @returns Chart.js 플러그인 객체
|
|
3236
|
+
* @group Scatter Plugins
|
|
3237
|
+
* @example
|
|
3238
|
+
* ```ts
|
|
3239
|
+
* chart.setPlugin(
|
|
3240
|
+
* createScatterQuadrantPlugin({
|
|
3241
|
+
* x: 50,
|
|
3242
|
+
* y: 50,
|
|
3243
|
+
* })
|
|
3244
|
+
* );
|
|
3245
|
+
* ```
|
|
3246
|
+
*/
|
|
3247
|
+
declare function createScatterQuadrantPlugin(options?: ScatterQuadrantOptions): Plugin<'scatter'>;
|
|
3248
|
+
/**
|
|
3249
|
+
* @description Scatter 데이터에 대한 선형 회귀선을 그리는 플러그인 인스턴스를 생성합니다.
|
|
3250
|
+
* @param options
|
|
3251
|
+
* @returns Chart.js 플러그인 객체
|
|
3252
|
+
* @group Scatter Plugins
|
|
3253
|
+
* @example
|
|
3254
|
+
* ```ts
|
|
3255
|
+
* chart.setPlugin(
|
|
3256
|
+
* createScatterTrendLinePlugin({
|
|
3257
|
+
* borderColor: '#ef4444',
|
|
3258
|
+
* borderDash: [6, 4],
|
|
3259
|
+
* })
|
|
3260
|
+
* );
|
|
3261
|
+
* ```
|
|
3262
|
+
*/
|
|
3263
|
+
declare function createScatterTrendLinePlugin(options?: ScatterTrendLineOptions): Plugin<'scatter'>;
|
|
3264
|
+
/**
|
|
3265
|
+
* @description Hover된 포인트 기준으로 X/Y 가이드라인과 값을 표시하는 플러그인 인스턴스를 생성합니다.
|
|
3266
|
+
* @param options
|
|
3267
|
+
* @returns Chart.js 플러그인 객체
|
|
3268
|
+
* @group Scatter Plugins
|
|
3269
|
+
* @example
|
|
3270
|
+
* ```ts
|
|
3271
|
+
* chart.setPlugin(
|
|
3272
|
+
* createScatterCrosshairPlugin({
|
|
3273
|
+
* xFormatter: value => `${value} ms`,
|
|
3274
|
+
* yFormatter: value => `${value}%`,
|
|
3275
|
+
* })
|
|
3276
|
+
* );
|
|
3277
|
+
* ```
|
|
3278
|
+
*/
|
|
3279
|
+
declare function createScatterCrosshairPlugin(options?: ScatterCrosshairOptions): Plugin<'scatter'>;
|
|
3280
|
+
|
|
2751
3281
|
/**
|
|
2752
3282
|
* @description 데이터가 없을 때 'No data' 텍스트를 차트 중앙에 표시하는 플러그인입니다.
|
|
2753
3283
|
* @group Common Plugins
|
|
@@ -2778,6 +3308,7 @@ declare const loadingPlugin: {
|
|
|
2778
3308
|
drawLoadingPlaceholder(chart: any): void;
|
|
2779
3309
|
afterDestroy(chart: any): void;
|
|
2780
3310
|
};
|
|
3311
|
+
|
|
2781
3312
|
/**
|
|
2782
3313
|
* @description 외부 HTML 컨테이너에 커스텀 범례를 렌더링하는 플러그인입니다.
|
|
2783
3314
|
* containerID 옵션으로 렌더링 대상 엘리먼트를 지정합니다.
|
|
@@ -2921,7 +3452,7 @@ declare const customDatasetPlugins: {
|
|
|
2921
3452
|
* @description 임계값을 초과하는 데이터 포인트에 깜빡이는 하이라이트 효과를 표시하는 플러그인입니다.
|
|
2922
3453
|
* @group Common Plugins
|
|
2923
3454
|
*/
|
|
2924
|
-
declare const blinkPlugin: Plugin
|
|
3455
|
+
declare const blinkPlugin: Plugin;
|
|
2925
3456
|
/**
|
|
2926
3457
|
* @description 도넛 차트 중앙에 표시할 HTML 문자열을 생성하는 유틸리티 함수입니다.
|
|
2927
3458
|
* @param percent - 퍼센트 값
|
|
@@ -3124,6 +3655,10 @@ declare const defaultLineScales: CommonAxesSacels;
|
|
|
3124
3655
|
declare const createDefaultLineOptions: (userOptions?: CustomLineChartOptions, defaultScales?: CommonAxesSacels) => CustomLineChartOptions;
|
|
3125
3656
|
declare const sparkLineOptions: CustomLineChartOptions;
|
|
3126
3657
|
|
|
3658
|
+
declare const defaultScatterTooltipCallback: (context: TooltipItem<"scatter">) => string;
|
|
3659
|
+
declare const defaultScatterScales: CommonAxesSacels;
|
|
3660
|
+
declare const createDefaultScatterOptions: (userOptions?: CustomScatterChartOptions, defaultScales?: CommonAxesSacels) => CustomScatterChartOptions;
|
|
3661
|
+
|
|
3127
3662
|
declare const defaultBubbleTooltipCallback: (context: TooltipItem<"bubble">) => string;
|
|
3128
3663
|
declare const defaultBubbleScales: CommonAxesSacels;
|
|
3129
3664
|
declare const createDefaultBubbleOptions: (userOptions?: CustomBubbleChartOptions, defaultScales?: CommonAxesSacels) => CustomBubbleChartOptions;
|
|
@@ -3213,7 +3748,11 @@ declare const LocalDefaults_createDefaultCartesianScales: typeof createDefaultCa
|
|
|
3213
3748
|
declare const LocalDefaults_createDefaultDoughnutOptions: typeof createDefaultDoughnutOptions;
|
|
3214
3749
|
declare const LocalDefaults_createDefaultLineOptions: typeof createDefaultLineOptions;
|
|
3215
3750
|
declare const LocalDefaults_createDefaultPieOptions: typeof createDefaultPieOptions;
|
|
3751
|
+
declare const LocalDefaults_createDefaultScatterOptions: typeof createDefaultScatterOptions;
|
|
3216
3752
|
declare const LocalDefaults_createDefaultTreemapOptions: typeof createDefaultTreemapOptions;
|
|
3753
|
+
declare const LocalDefaults_createScatterCrosshairPlugin: typeof createScatterCrosshairPlugin;
|
|
3754
|
+
declare const LocalDefaults_createScatterQuadrantPlugin: typeof createScatterQuadrantPlugin;
|
|
3755
|
+
declare const LocalDefaults_createScatterTrendLinePlugin: typeof createScatterTrendLinePlugin;
|
|
3217
3756
|
declare const LocalDefaults_createStatusPlugin: typeof createStatusPlugin;
|
|
3218
3757
|
declare const LocalDefaults_createTodayLinePlugin: typeof createTodayLinePlugin;
|
|
3219
3758
|
declare const LocalDefaults_createWeekendPlugin: typeof createWeekendPlugin;
|
|
@@ -3227,8 +3766,11 @@ declare const LocalDefaults_defaultDoughnutTooltipCallback: typeof defaultDoughn
|
|
|
3227
3766
|
declare const LocalDefaults_defaultLineScales: typeof defaultLineScales;
|
|
3228
3767
|
declare const LocalDefaults_defaultLineTooltipCallback: typeof defaultLineTooltipCallback;
|
|
3229
3768
|
declare const LocalDefaults_defaultPieTooltipCallback: typeof defaultPieTooltipCallback;
|
|
3769
|
+
declare const LocalDefaults_defaultScatterScales: typeof defaultScatterScales;
|
|
3770
|
+
declare const LocalDefaults_defaultScatterTooltipCallback: typeof defaultScatterTooltipCallback;
|
|
3230
3771
|
declare const LocalDefaults_defaultTreemapTooltipCallback: typeof defaultTreemapTooltipCallback;
|
|
3231
3772
|
declare const LocalDefaults_doughnutCenterTextPlugin: typeof doughnutCenterTextPlugin;
|
|
3773
|
+
declare const LocalDefaults_gaugeOverlayPlugin: typeof gaugeOverlayPlugin;
|
|
3232
3774
|
declare const LocalDefaults_loadingPlugin: typeof loadingPlugin;
|
|
3233
3775
|
declare const LocalDefaults_makeCenterHtml: typeof makeCenterHtml;
|
|
3234
3776
|
declare const LocalDefaults_noDataPlugin: typeof noDataPlugin;
|
|
@@ -3261,7 +3803,11 @@ declare namespace LocalDefaults {
|
|
|
3261
3803
|
LocalDefaults_createDefaultDoughnutOptions as createDefaultDoughnutOptions,
|
|
3262
3804
|
LocalDefaults_createDefaultLineOptions as createDefaultLineOptions,
|
|
3263
3805
|
LocalDefaults_createDefaultPieOptions as createDefaultPieOptions,
|
|
3806
|
+
LocalDefaults_createDefaultScatterOptions as createDefaultScatterOptions,
|
|
3264
3807
|
LocalDefaults_createDefaultTreemapOptions as createDefaultTreemapOptions,
|
|
3808
|
+
LocalDefaults_createScatterCrosshairPlugin as createScatterCrosshairPlugin,
|
|
3809
|
+
LocalDefaults_createScatterQuadrantPlugin as createScatterQuadrantPlugin,
|
|
3810
|
+
LocalDefaults_createScatterTrendLinePlugin as createScatterTrendLinePlugin,
|
|
3265
3811
|
LocalDefaults_createStatusPlugin as createStatusPlugin,
|
|
3266
3812
|
LocalDefaults_createTodayLinePlugin as createTodayLinePlugin,
|
|
3267
3813
|
LocalDefaults_createWeekendPlugin as createWeekendPlugin,
|
|
@@ -3275,8 +3821,11 @@ declare namespace LocalDefaults {
|
|
|
3275
3821
|
LocalDefaults_defaultLineScales as defaultLineScales,
|
|
3276
3822
|
LocalDefaults_defaultLineTooltipCallback as defaultLineTooltipCallback,
|
|
3277
3823
|
LocalDefaults_defaultPieTooltipCallback as defaultPieTooltipCallback,
|
|
3824
|
+
LocalDefaults_defaultScatterScales as defaultScatterScales,
|
|
3825
|
+
LocalDefaults_defaultScatterTooltipCallback as defaultScatterTooltipCallback,
|
|
3278
3826
|
LocalDefaults_defaultTreemapTooltipCallback as defaultTreemapTooltipCallback,
|
|
3279
3827
|
LocalDefaults_doughnutCenterTextPlugin as doughnutCenterTextPlugin,
|
|
3828
|
+
LocalDefaults_gaugeOverlayPlugin as gaugeOverlayPlugin,
|
|
3280
3829
|
LocalDefaults_loadingPlugin as loadingPlugin,
|
|
3281
3830
|
LocalDefaults_makeCenterHtml as makeCenterHtml,
|
|
3282
3831
|
LocalDefaults_noDataPlugin as noDataPlugin,
|
|
@@ -3637,6 +4186,7 @@ declare const T$: {
|
|
|
3637
4186
|
readonly CartesianChart: typeof CartesianChart;
|
|
3638
4187
|
readonly BarChart: typeof BarChart;
|
|
3639
4188
|
readonly LineChart: typeof LineChart;
|
|
4189
|
+
readonly ScatterChart: typeof ScatterChart;
|
|
3640
4190
|
readonly BubbleChart: typeof BubbleChart;
|
|
3641
4191
|
readonly ArcChart: typeof ArcChart;
|
|
3642
4192
|
readonly DoughnutChart: typeof DoughnutChart;
|
|
@@ -3646,6 +4196,7 @@ declare const T$: {
|
|
|
3646
4196
|
readonly CartesianChartWrapper: typeof CartesianChart;
|
|
3647
4197
|
readonly BarChartWrapper: typeof BarChart;
|
|
3648
4198
|
readonly LineChartWrapper: typeof LineChart;
|
|
4199
|
+
readonly ScatterChartWrapper: typeof ScatterChart;
|
|
3649
4200
|
readonly BubbleChartWrapper: typeof BubbleChart;
|
|
3650
4201
|
readonly ArcChartWrapper: typeof ArcChart;
|
|
3651
4202
|
readonly DoughnutChartWrapper: typeof DoughnutChart;
|
|
@@ -3659,5 +4210,5 @@ declare const T$: {
|
|
|
3659
4210
|
};
|
|
3660
4211
|
};
|
|
3661
4212
|
|
|
3662
|
-
export { ArcChart, ArcChart as ArcChartWrapper, BarChart, BarChart as BarChartWrapper, BubbleChart, BubbleChart as BubbleChartWrapper, CartesianChart, CartesianChart as CartesianChartWrapper, Chart, ChartFactory, ChartInstance, ChartToolBox, ChartTypes, Chart as ChartWrapper, CreateZoomRangeSlider, DefaultArcRadius, DefaultDataLabelsOptions, DefaultHiddenLegendTopOptions, DefaultHiddenSparkScales, DefaultResponsiveChartOptions, DefaultSparkPluginOptions, DefaultTimeScaleOptions, DefaultTopLegendOptions, DefaultZoomOptions, DoughnutChart, DoughnutChart as DoughnutChartWrapper, LineChart, LineChart as LineChartWrapper, PieChart, PieChart as PieChartWrapper, T$, TreemapChart, TreemapChart as TreemapChartWrapper, barScaleImgPlugin, blinkPlugin, changeSetting, chartMountPlugin, clearChartActiveElements, createAssignedTasksPlugin, createDefaultBarOptions, createDefaultBubbleOptions, createDefaultCartesianScales, createDefaultDoughnutOptions, createDefaultLineOptions, createDefaultPieOptions, createDefaultTreemapOptions, createStatusPlugin, createTodayLinePlugin, createWeekendPlugin, customDatasetPlugins, customLegend, T$ as default, defaultBarScales, defaultBarTooltipCallback, defaultBubbleScales, defaultBubbleTooltipCallback, defaultDoughnutTooltipCallback, defaultLineScales, defaultLineTooltipCallback, defaultPieTooltipCallback, defaultTreemapTooltipCallback, doughnutCenterTextPlugin, downloadChartAsImage, downloadChartAsImageByInstance, getChartAsBase64, getChartAsBase64ByInstance, getChartAsBlob, getChartAsBlobByInstance, getChartDatasetMeta, getChartInstance, hideChartTooltip, isChartDatasetVisible, loadingPlugin, makeCenterHtml, mountChart, noDataPlugin, resetChartZoom, resizeChart, segmentImagePlugin, setChartActiveElements, setChartConfig, setChartDatasetVisibility, showChartTooltip, sparkBarOptions, sparkBubbleOptions, sparkLineOptions, toggleChartDatasetVisibility, updateChart, zoomRangeSlider, zoomResetPlugin };
|
|
3663
|
-
export type { Align, AllChartTypes, ArcChartBuilder, ArcChartType, ArcDataset, AutoZoomLimitMode, AutoZoomLimits, AxisColors, BarChartBuilder, BubbleChartBuilder, CartesianChartBuilder, CartesianChartType, CartesianDataset, ChartBuilder, ChartImageExportOptions, ChartTarget, ChartWithFocus, Color, CommonAxes, CommonAxesSacels, CommonCartesian, CommonCartesianAxes, CommonCartesianLegendConfig, CommonCartesianTicks, CommonCartesianTitleConfig, CommonTicks, Constructor, CustomArcChartOptions, CustomBarChartOptions, CustomBubbleChartOptions, CustomCartesianDataset, CustomChartDatasets, CustomChartOptions, CustomDoughnutChartOptions, CustomLineChartOptions, CustomOptionPlugins, CustomPieChartOptions, CustomTreemapChartOptions, CustomTreemapDataset, CustomZoomType, DataLabels, DataLabelsContext, DatasetWithPrevColors, DeepPartial, DeepPartialCartesianAxes, DeepPartialPluginOptions, DeepPartialZoomType, DoughnutChartBuilder, FocusCallback, HierarchicalChartType, HtmlLegendOptions, LineChartBuilder, Mode, MountChartHandle, OriginalColors, Override, PartialDataLabels, PieChartBuilder, Position, RadarChartBuilder, RadialChartType, ScaleWithOriginalColors, SegmentImageConfig, SettingOptions, SpinnerOverlayConfig, SpinnerOverlayOption, SpinnerOverlayRenderContext, SpinnerOverlaySpinnerContent, SpinnerOverlayStyle, StzClickContext, StzClickHandler, StzClickItem, StzConfig, TimeScaleConfig, TimeScaleType, TimeUnit, TreemapChartBuilder, UidImageMapping, ZoomLimitOptions, ZoomRangeSliderColors, ZoomRangeSliderPlugin, ZoomRangeSliderVar, ZoomScaleLimits };
|
|
4213
|
+
export { ArcChart, ArcChart as ArcChartWrapper, BarChart, BarChart as BarChartWrapper, BubbleChart, BubbleChart as BubbleChartWrapper, CartesianChart, CartesianChart as CartesianChartWrapper, Chart, ChartFactory, ChartInstance, ChartToolBox, ChartTypes, Chart as ChartWrapper, CreateZoomRangeSlider, DefaultArcRadius, DefaultDataLabelsOptions, DefaultHiddenLegendTopOptions, DefaultHiddenSparkScales, DefaultResponsiveChartOptions, DefaultSparkPluginOptions, DefaultTimeScaleOptions, DefaultTopLegendOptions, DefaultZoomOptions, DoughnutChart, DoughnutChart as DoughnutChartWrapper, LineChart, LineChart as LineChartWrapper, PieChart, PieChart as PieChartWrapper, ScatterChart, ScatterChart as ScatterChartWrapper, T$, TreemapChart, TreemapChart as TreemapChartWrapper, barScaleImgPlugin, blinkPlugin, changeSetting, chartMountPlugin, clearChartActiveElements, createAssignedTasksPlugin, createDefaultBarOptions, createDefaultBubbleOptions, createDefaultCartesianScales, createDefaultDoughnutOptions, createDefaultLineOptions, createDefaultPieOptions, createDefaultScatterOptions, createDefaultTreemapOptions, createScatterCrosshairPlugin, createScatterQuadrantPlugin, createScatterTrendLinePlugin, createStatusPlugin, createTodayLinePlugin, createWeekendPlugin, customDatasetPlugins, customLegend, T$ as default, defaultBarScales, defaultBarTooltipCallback, defaultBubbleScales, defaultBubbleTooltipCallback, defaultDoughnutTooltipCallback, defaultLineScales, defaultLineTooltipCallback, defaultPieTooltipCallback, defaultScatterScales, defaultScatterTooltipCallback, defaultTreemapTooltipCallback, doughnutCenterTextPlugin, downloadChartAsImage, downloadChartAsImageByInstance, gaugeOverlayPlugin, getChartAsBase64, getChartAsBase64ByInstance, getChartAsBlob, getChartAsBlobByInstance, getChartDatasetMeta, getChartInstance, hideChartTooltip, isChartDatasetVisible, loadingPlugin, makeCenterHtml, mountChart, noDataPlugin, resetChartZoom, resizeChart, segmentImagePlugin, setChartActiveElements, setChartConfig, setChartDatasetVisibility, showChartTooltip, sparkBarOptions, sparkBubbleOptions, sparkLineOptions, toggleChartDatasetVisibility, updateChart, zoomRangeSlider, zoomResetPlugin };
|
|
4214
|
+
export type { Align, AllChartTypes, ArcChartBuilder, ArcChartType, ArcDataset, AutoZoomLimitMode, AutoZoomLimits, AxisColors, BarChartBuilder, BubbleChartBuilder, CartesianChartBuilder, CartesianChartType, CartesianDataset, ChartBuilder, ChartImageExportOptions, ChartTarget, ChartWithFocus, Color, CommonAxes, CommonAxesSacels, CommonCartesian, CommonCartesianAxes, CommonCartesianLegendConfig, CommonCartesianTicks, CommonCartesianTitleConfig, CommonTicks, Constructor, CustomArcChartOptions, CustomBarChartOptions, CustomBubbleChartOptions, CustomCartesianDataset, CustomChartDatasets, CustomChartOptions, CustomDoughnutChartOptions, CustomLineChartOptions, CustomOptionPlugins, CustomPieChartOptions, CustomScatterChartOptions, CustomTreemapChartOptions, CustomTreemapDataset, CustomZoomType, DataLabels, DataLabelsContext, DatasetWithPrevColors, DeepPartial, DeepPartialCartesianAxes, DeepPartialPluginOptions, DeepPartialZoomType, DoughnutChartBuilder, FocusCallback, GaugeInternalOptions, GaugeNeedleOptions, GaugeSegment, GaugeValueTextOptions, HierarchicalChartType, HtmlLegendOptions, LineChartBuilder, Mode, MountChartHandle, OriginalColors, Override, PartialDataLabels, PieChartBuilder, Position, RadarChartBuilder, RadialChartType, ScaleWithOriginalColors, ScatterAxisRangePadding, ScatterChartBuilder, ScatterCrosshairOptions, ScatterDataset, ScatterPointContext, ScatterPointHighlightStyle, ScatterQuadrantOptions, ScatterTrendLineOptions, SegmentImageConfig, SettingOptions, SpinnerOverlayConfig, SpinnerOverlayOption, SpinnerOverlayRenderContext, SpinnerOverlaySpinnerContent, SpinnerOverlayStyle, StzClickContext, StzClickHandler, StzClickItem, StzConfig, TimeScaleConfig, TimeScaleType, TimeUnit, TreemapChartBuilder, UidImageMapping, ZoomLimitOptions, ZoomRangeSliderColors, ZoomRangeSliderPlugin, ZoomRangeSliderVar, ZoomScaleLimits };
|