stz-chart-maker 1.5.1 → 1.6.0
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 +314 -31
- package/dist/index.js +2635 -2346
- package/package.json +2 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { ChartType, ChartDataset, GridLineOptions, FontSpec, Tick, PluginOptionsByType, ChartOptions, Chart, ChartEvent, ActiveElement, LegendOptions, Plugin as Plugin$1, TooltipItem
|
|
1
|
+
import { ChartTypeRegistry, ChartType, ChartDataset, GridLineOptions, FontSpec, Tick, PluginOptionsByType, ChartOptions, Chart, ChartEvent, ActiveElement, LegendOptions, Plugin as Plugin$1, TooltipItem } from 'chart.js';
|
|
2
|
+
import { TreemapControllerDatasetOptions } from 'chartjs-chart-treemap';
|
|
2
3
|
import { ZoomPluginOptions } from 'chartjs-plugin-zoom/types/options';
|
|
3
4
|
import { DeepPartial as DeepPartial$1 } from 'chart.js/dist/types/utils';
|
|
4
5
|
|
|
@@ -23,11 +24,24 @@ type Mode = 'default' | 'resize' | 'reset' | 'none' | 'hide' | 'show' | 'active'
|
|
|
23
24
|
type CartesianChartType = 'line' | 'bar' | 'scatter' | 'bubble';
|
|
24
25
|
type ArcChartType = 'doughnut' | 'pie';
|
|
25
26
|
type RadialChartType = 'radar' | 'polarArea';
|
|
27
|
+
type HierarchicalChartType = 'treemap';
|
|
26
28
|
type DeepPartial<T> = {
|
|
27
29
|
[P in keyof T]?: T[P] extends object ? (T[P] extends Function ? T[P] : DeepPartial<T[P]>) : T[P];
|
|
28
30
|
};
|
|
29
31
|
type Override<T, U> = Omit<T, keyof U> & U;
|
|
30
32
|
|
|
33
|
+
type AllChartTypes = keyof ChartTypeRegistry;
|
|
34
|
+
declare enum ChartTypes {
|
|
35
|
+
BAR = "bar",
|
|
36
|
+
LINE = "line",
|
|
37
|
+
DOUGHNUT = "doughnut",
|
|
38
|
+
PIE = "pie",
|
|
39
|
+
RADAR = "radar",
|
|
40
|
+
BUBBLE = "bubble",
|
|
41
|
+
SCATTER = "scatter",
|
|
42
|
+
TREEMAP = "treemap"
|
|
43
|
+
}
|
|
44
|
+
|
|
31
45
|
/**
|
|
32
46
|
* ═════════════════════════════════════════════════════════════
|
|
33
47
|
* 📄 FILE : dataset.ts
|
|
@@ -43,6 +57,7 @@ type Override<T, U> = Omit<T, keyof U> & U;
|
|
|
43
57
|
*/
|
|
44
58
|
|
|
45
59
|
interface DatasetExtensions {
|
|
60
|
+
label?: string;
|
|
46
61
|
_aux?: any;
|
|
47
62
|
_uid?: string;
|
|
48
63
|
_group?: string | number;
|
|
@@ -52,7 +67,7 @@ interface DatasetExtensions {
|
|
|
52
67
|
_groupLabel?: string;
|
|
53
68
|
_toggleBehavior?: 'normal' | 'radio' | 'disabled';
|
|
54
69
|
}
|
|
55
|
-
type CustomChartDatasets<TType extends ChartType = ChartType> = ChartDataset<TType,
|
|
70
|
+
type CustomChartDatasets<TType extends ChartType = ChartType> = ChartDataset<TType, any> & DatasetExtensions;
|
|
56
71
|
type ArcDataset<TType extends ArcChartType = ArcChartType> = ChartDataset<TType, (number | null)[]> & DatasetExtensions;
|
|
57
72
|
type CartesianDataset<TType extends CartesianChartType = CartesianChartType> = ChartDataset<TType, (number | null)[]> & DatasetExtensions & {
|
|
58
73
|
yAxisID?: string;
|
|
@@ -70,6 +85,10 @@ type CustomCartesianDataset<TType extends CartesianChartType = CartesianChartTyp
|
|
|
70
85
|
image?: string;
|
|
71
86
|
images?: string[];
|
|
72
87
|
};
|
|
88
|
+
type CustomTreemapDataset<DType = Record<string, unknown>> = Omit<TreemapControllerDatasetOptions<DType>, 'groups' | 'sumKeys'> & DatasetExtensions & {
|
|
89
|
+
groups?: string[];
|
|
90
|
+
sumKeys?: string[];
|
|
91
|
+
};
|
|
73
92
|
|
|
74
93
|
/**
|
|
75
94
|
* ═════════════════════════════════════════════════════════════
|
|
@@ -253,6 +272,13 @@ type PartialDataLabels = Partial<DataLabels>;
|
|
|
253
272
|
* ═════════════════════════════════════════════════════════════
|
|
254
273
|
*/
|
|
255
274
|
|
|
275
|
+
interface SegmentImageConfig {
|
|
276
|
+
images: string[];
|
|
277
|
+
width?: number;
|
|
278
|
+
height?: number;
|
|
279
|
+
backgroundColor?: string;
|
|
280
|
+
borderRadius?: number;
|
|
281
|
+
}
|
|
256
282
|
interface SettingOptions {
|
|
257
283
|
img: string;
|
|
258
284
|
iconSize: {
|
|
@@ -351,6 +377,9 @@ type CustomLineChartOptions = CustomChartOptions<'line'>;
|
|
|
351
377
|
type CustomBubbleChartOptions = CustomChartOptions<'bubble'>;
|
|
352
378
|
type CustomPieChartOptions = CustomArcChartOptions<'pie'>;
|
|
353
379
|
type CustomDoughnutChartOptions = CustomArcChartOptions<'doughnut'>;
|
|
380
|
+
type CustomTreemapChartOptions = CustomChartOptions<'treemap'> & {
|
|
381
|
+
scales?: never;
|
|
382
|
+
};
|
|
354
383
|
type Constructor<TType extends ChartType, TInstance> = new (type: TType, labels: (string | number)[], datasets: any[], options?: CustomChartOptions<TType>, plugins?: []) => TInstance;
|
|
355
384
|
|
|
356
385
|
/**
|
|
@@ -421,6 +450,7 @@ interface BarChartBuilder extends CartesianChartBuilder<'bar'> {
|
|
|
421
450
|
setStacked(isStacked: boolean): this;
|
|
422
451
|
setBarImg(axis: string): this;
|
|
423
452
|
sparkBarChart(): this;
|
|
453
|
+
ganttChart(): this;
|
|
424
454
|
}
|
|
425
455
|
interface LineChartBuilder extends CartesianChartBuilder<'line'> {
|
|
426
456
|
setFill(datasetIndex: number, enable: boolean, backgroundColor?: string): this;
|
|
@@ -460,6 +490,7 @@ interface ArcChartBuilder<TType extends ArcChartType> extends ChartBuilder<TType
|
|
|
460
490
|
setAllBorderWidth(borderWidth: number): this;
|
|
461
491
|
setBorderColor(datasetIndex: number, borderColor: string | string[]): this;
|
|
462
492
|
setAllBorderColor(borderColor: string | string[]): this;
|
|
493
|
+
setSegmentImages(images: string[], config?: Partial<Omit<SegmentImageConfig, 'images'>>): this;
|
|
463
494
|
}
|
|
464
495
|
interface PieChartBuilder extends ArcChartBuilder<'pie'> {
|
|
465
496
|
setSegmentColors(colors: string[]): this;
|
|
@@ -489,6 +520,15 @@ interface DoughnutChartBuilder extends ArcChartBuilder<'doughnut'> {
|
|
|
489
520
|
}
|
|
490
521
|
interface RadarChartBuilder extends ChartBuilder<'radar'> {
|
|
491
522
|
}
|
|
523
|
+
interface TreemapChartBuilder extends ChartBuilder<'treemap'> {
|
|
524
|
+
setTreeData(data: any[]): this;
|
|
525
|
+
setColorKey(key: string): this;
|
|
526
|
+
setLabelKey(key: string): this;
|
|
527
|
+
setValueKey(key: string): this;
|
|
528
|
+
setSpacing(spacing: number): this;
|
|
529
|
+
setBorderWidth(borderWidth: number): this;
|
|
530
|
+
setBorderColor(borderColor: string): this;
|
|
531
|
+
}
|
|
492
532
|
|
|
493
533
|
/**
|
|
494
534
|
* ═════════════════════════════════════════════════════════════
|
|
@@ -536,10 +576,13 @@ type Types_CustomDoughnutChartOptions = CustomDoughnutChartOptions;
|
|
|
536
576
|
type Types_CustomLineChartOptions = CustomLineChartOptions;
|
|
537
577
|
type Types_CustomOptionPlugins<TType extends ChartType = ChartType> = CustomOptionPlugins<TType>;
|
|
538
578
|
type Types_CustomPieChartOptions = CustomPieChartOptions;
|
|
579
|
+
type Types_CustomTreemapChartOptions = CustomTreemapChartOptions;
|
|
580
|
+
type Types_CustomTreemapDataset<DType = Record<string, unknown>> = CustomTreemapDataset<DType>;
|
|
539
581
|
type Types_DeepPartial<T> = DeepPartial<T>;
|
|
540
582
|
type Types_DeepPartialCartesianAxes = DeepPartialCartesianAxes;
|
|
541
583
|
type Types_DeepPartialPluginOptions<T extends ChartType> = DeepPartialPluginOptions<T>;
|
|
542
584
|
type Types_DoughnutChartBuilder = DoughnutChartBuilder;
|
|
585
|
+
type Types_HierarchicalChartType = HierarchicalChartType;
|
|
543
586
|
type Types_HtmlLegendOptions = HtmlLegendOptions;
|
|
544
587
|
type Types_LineChartBuilder = LineChartBuilder;
|
|
545
588
|
type Types_Mode = Mode;
|
|
@@ -548,9 +591,11 @@ type Types_PieChartBuilder = PieChartBuilder;
|
|
|
548
591
|
type Types_Position = Position;
|
|
549
592
|
type Types_RadarChartBuilder = RadarChartBuilder;
|
|
550
593
|
type Types_RadialChartType = RadialChartType;
|
|
594
|
+
type Types_SegmentImageConfig = SegmentImageConfig;
|
|
551
595
|
type Types_SettingOptions = SettingOptions;
|
|
596
|
+
type Types_TreemapChartBuilder = TreemapChartBuilder;
|
|
552
597
|
declare namespace Types {
|
|
553
|
-
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_DeepPartial as DeepPartial, Types_DeepPartialCartesianAxes as DeepPartialCartesianAxes, Types_DeepPartialPluginOptions as DeepPartialPluginOptions, Types_DoughnutChartBuilder as DoughnutChartBuilder, 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_SettingOptions as SettingOptions };
|
|
598
|
+
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_TreemapChartBuilder as TreemapChartBuilder };
|
|
554
599
|
}
|
|
555
600
|
|
|
556
601
|
interface ChartConfig {
|
|
@@ -570,17 +615,18 @@ type ChartBuilderMap = {
|
|
|
570
615
|
pie: PieChartBuilder;
|
|
571
616
|
radar: ChartBuilder<'radar'>;
|
|
572
617
|
polarArea: ChartBuilder<'polarArea'>;
|
|
618
|
+
treemap: TreemapChartBuilder;
|
|
573
619
|
};
|
|
574
620
|
declare abstract class ChartWrapper<TType extends ChartType, TOptions extends CustomChartOptions<TType> = CustomChartOptions<TType>> implements ChartBuilder<TType> {
|
|
575
621
|
protected type: TType;
|
|
576
|
-
protected labels: (string | number)[];
|
|
622
|
+
protected labels: (string | number)[] | undefined;
|
|
577
623
|
private _datasets;
|
|
578
624
|
protected options: TOptions;
|
|
579
625
|
protected plugins?: any | undefined;
|
|
580
626
|
protected get datasets(): CustomChartDatasets<TType>[];
|
|
581
627
|
protected set datasets(value: CustomChartDatasets<TType>[]);
|
|
582
628
|
static registry: Map<string, Constructor<any, any>>;
|
|
583
|
-
constructor(type: TType, labels: (string | number)[], _datasets: CustomChartDatasets<TType>[], options: TOptions, plugins?: any | undefined);
|
|
629
|
+
constructor(type: TType, labels: (string | number)[] | undefined, _datasets: CustomChartDatasets<TType>[], options: TOptions, plugins?: any | undefined);
|
|
584
630
|
static create<TType extends ChartType>(type: TType, labels: (string | number)[], datasets: CustomChartDatasets<TType>[], options?: CustomChartOptions<TType>, plugins?: Plugin$1): TType extends keyof ChartBuilderMap ? ChartBuilderMap[TType] : ChartBuilder<TType>;
|
|
585
631
|
static register<TType extends ChartType, TInstance>(type: TType, wrapperClass: Constructor<TType, TInstance>): void;
|
|
586
632
|
static has(type: ChartType): boolean;
|
|
@@ -1194,6 +1240,46 @@ declare class BarChartWrapper extends CartesianChartWrapper<'bar'> implements Ba
|
|
|
1194
1240
|
* @beta (기능 테스트 중)
|
|
1195
1241
|
*/
|
|
1196
1242
|
sparkBarChart(): this;
|
|
1243
|
+
/**
|
|
1244
|
+
* @description 간트차트 스타일을 적용합니다. 데이터의 x 값은 반드시 yyyy-mm-dd 포맷이어야 합니다.
|
|
1245
|
+
* X축을 time scale로 설정하고, indexAxis를 'y'로 설정하여 horizontal bar chart로 표시합니다.
|
|
1246
|
+
* 모든 dataset에 borderWidth: 1, borderSkipped: false가 자동으로 적용됩니다.
|
|
1247
|
+
* @returns {this}
|
|
1248
|
+
* @throws {CustomError} 데이터가 yyyy-mm-dd 포맷이 아닐 경우 INVALID_DATA_STRUCTURE 에러 발생
|
|
1249
|
+
* @since 1.0.0
|
|
1250
|
+
* @category options
|
|
1251
|
+
* @example
|
|
1252
|
+
* // 간트차트 데이터 형식 (배열):
|
|
1253
|
+
* const datasets = [
|
|
1254
|
+
* {
|
|
1255
|
+
* label: 'Task 1',
|
|
1256
|
+
* data: [['2024-01-01', '2024-01-05']],
|
|
1257
|
+
* backgroundColor: 'rgba(255, 99, 132, 0.5)'
|
|
1258
|
+
* },
|
|
1259
|
+
* {
|
|
1260
|
+
* label: 'Task 2',
|
|
1261
|
+
* data: [['2024-01-03', '2024-01-08']],
|
|
1262
|
+
* backgroundColor: 'rgba(54, 162, 235, 0.5)'
|
|
1263
|
+
* }
|
|
1264
|
+
* ];
|
|
1265
|
+
*
|
|
1266
|
+
* // 간트차트 데이터 형식 (객체):
|
|
1267
|
+
* const datasets = [
|
|
1268
|
+
* {
|
|
1269
|
+
* label: 'Task 1',
|
|
1270
|
+
* data: [
|
|
1271
|
+
* { x: '2024-01-01', y: 0 },
|
|
1272
|
+
* { x: '2024-01-05', y: 0 }
|
|
1273
|
+
* ]
|
|
1274
|
+
* }
|
|
1275
|
+
* ];
|
|
1276
|
+
*
|
|
1277
|
+
* const chart = ChartWrapper.create('bar', ['Task 1', 'Task 2'], datasets)
|
|
1278
|
+
* .ganttChart()
|
|
1279
|
+
* .build();
|
|
1280
|
+
* @beta (기능 테스트 중)
|
|
1281
|
+
*/
|
|
1282
|
+
ganttChart(): this;
|
|
1197
1283
|
}
|
|
1198
1284
|
|
|
1199
1285
|
declare class LineChartWrapper extends CartesianChartWrapper<'line'> implements LineChartBuilder {
|
|
@@ -1658,6 +1744,28 @@ declare abstract class ArcChartWrapper<TType extends ArcChartType> extends Chart
|
|
|
1658
1744
|
* @beta
|
|
1659
1745
|
*/
|
|
1660
1746
|
setAllBorderColor(borderColor: string | string[]): this;
|
|
1747
|
+
/**
|
|
1748
|
+
* @description 각 세그먼트에 이미지를 설정합니다.
|
|
1749
|
+
* @param images - 이미지 URL 배열 (URL, Base64, SVG, Emoji 등)
|
|
1750
|
+
* @param config - 이미지 설정 옵션
|
|
1751
|
+
* @returns {this}
|
|
1752
|
+
* @since 1.6.0
|
|
1753
|
+
* @category Dataset
|
|
1754
|
+
* @beta
|
|
1755
|
+
* @example
|
|
1756
|
+
* // URL 방식
|
|
1757
|
+
* chart.setSegmentImages([
|
|
1758
|
+
* 'https://example.com/icon1.png',
|
|
1759
|
+
* 'https://example.com/icon2.png'
|
|
1760
|
+
* ]);
|
|
1761
|
+
*
|
|
1762
|
+
* // 크기 조절
|
|
1763
|
+
* chart.setSegmentImages(
|
|
1764
|
+
* ['image1.png', 'image2.png'],
|
|
1765
|
+
* { width: 40, height: 40, backgroundColor: 'transparent' }
|
|
1766
|
+
* );
|
|
1767
|
+
*/
|
|
1768
|
+
setSegmentImages(images: string[], config?: Partial<Omit<SegmentImageConfig, 'images'>>): this;
|
|
1661
1769
|
}
|
|
1662
1770
|
|
|
1663
1771
|
declare class DoughnutChartWrapper extends ArcChartWrapper<'doughnut'> implements DoughnutChartBuilder {
|
|
@@ -1961,6 +2069,110 @@ declare class PieChartWrapper extends ArcChartWrapper<'pie'> implements PieChart
|
|
|
1961
2069
|
private generateGradientColors;
|
|
1962
2070
|
}
|
|
1963
2071
|
|
|
2072
|
+
/**
|
|
2073
|
+
* ═════════════════════════════════════════════════════════════
|
|
2074
|
+
* 📄 FILE : TreemapChartWrapper.ts
|
|
2075
|
+
* 📁 PACKAGE : chart-toolbox
|
|
2076
|
+
* 👤 AUTHOR : stz
|
|
2077
|
+
* 🕒 CREATED : 2025. 1. 23.
|
|
2078
|
+
* ═════════════════════════════════════════════════════════════
|
|
2079
|
+
* ═════════════════════════════════════════════════════════════
|
|
2080
|
+
* 📝 DESCRIPTION
|
|
2081
|
+
* Treemap Chart 를 위한 래퍼 클래스
|
|
2082
|
+
* ═════════════════════════════════════════════════════════════
|
|
2083
|
+
* ═════════════════════════════════════════════════════════════
|
|
2084
|
+
* 🔄 CHANGE LOG
|
|
2085
|
+
* - DATE : 2025/01/23 | Author : stz | 최초 생성
|
|
2086
|
+
* ═════════════════════════════════════════════════════════════
|
|
2087
|
+
*/
|
|
2088
|
+
|
|
2089
|
+
declare class TreemapChartWrapper<DType = Record<string, unknown>> extends ChartWrapper<'treemap', CustomTreemapChartOptions> implements TreemapChartBuilder {
|
|
2090
|
+
private _chartId?;
|
|
2091
|
+
constructor(type: 'treemap', datasets: CustomTreemapDataset<DType>[], options?: CustomTreemapChartOptions, plugins?: Plugin$1);
|
|
2092
|
+
get chartId(): string;
|
|
2093
|
+
set chartId(value: string);
|
|
2094
|
+
protected normalize(): void;
|
|
2095
|
+
protected mustHavePlugins(): {
|
|
2096
|
+
id: string;
|
|
2097
|
+
_tooltips: WeakMap<WeakKey, any>;
|
|
2098
|
+
afterDraw(chart: any, args: any, options: any): void;
|
|
2099
|
+
afterInit(chart: any, args: any, options: any): void;
|
|
2100
|
+
beforeUpdate(chart: any, args: any, options: any): void;
|
|
2101
|
+
_handleGroupVisibility(chart: any, datasets: any[]): void;
|
|
2102
|
+
_handleLegendClick(e: any, legendItem: any, legend: any, toggleBehavior: string): void;
|
|
2103
|
+
_setupLegendTooltip(chart: any): void;
|
|
2104
|
+
_hitTestLegend(chart: any, x: number, y: number): any;
|
|
2105
|
+
_showTooltip(chart: any, e: MouseEvent, tooltipContent: string | ((context: any) => string), legendItem: any): void;
|
|
2106
|
+
_hideTooltip(chart: any): void;
|
|
2107
|
+
afterDestroy(chart: any): void;
|
|
2108
|
+
}[];
|
|
2109
|
+
protected configAop(config: any): any;
|
|
2110
|
+
/**
|
|
2111
|
+
* @Description 차트 설정 객체를 생성합니다.
|
|
2112
|
+
* @param id
|
|
2113
|
+
* @returns {ChartConfig}
|
|
2114
|
+
* @Since 1.0.0
|
|
2115
|
+
* @category Chart
|
|
2116
|
+
*/
|
|
2117
|
+
build(id?: string): ChartConfig;
|
|
2118
|
+
/**
|
|
2119
|
+
* @description treemap의 데이터를 설정합니다.
|
|
2120
|
+
* @param data - 계층적 트리 데이터
|
|
2121
|
+
* @returns {this}
|
|
2122
|
+
* @since 1.0.0
|
|
2123
|
+
* @category Data
|
|
2124
|
+
*/
|
|
2125
|
+
setTreeData(data: DType[] | number[] | Record<string, unknown>): this;
|
|
2126
|
+
/**
|
|
2127
|
+
* @description 색상을 결정하는 키를 설정합니다.
|
|
2128
|
+
* @param key - 색상 키
|
|
2129
|
+
* @returns {this}
|
|
2130
|
+
* @since 1.0.0
|
|
2131
|
+
* @category Options
|
|
2132
|
+
*/
|
|
2133
|
+
setColorKey(key: string): this;
|
|
2134
|
+
/**
|
|
2135
|
+
* @description 라벨을 표시할 키를 설정합니다.
|
|
2136
|
+
* @param key - 라벨 키
|
|
2137
|
+
* @returns {this}
|
|
2138
|
+
* @since 1.0.0
|
|
2139
|
+
* @category Options
|
|
2140
|
+
*/
|
|
2141
|
+
setLabelKey(key: string): this;
|
|
2142
|
+
/**
|
|
2143
|
+
* @description 값을 결정하는 키를 설정합니다.
|
|
2144
|
+
* @param key - 값 키
|
|
2145
|
+
* @returns {this}
|
|
2146
|
+
* @since 1.0.0
|
|
2147
|
+
* @category Options
|
|
2148
|
+
*/
|
|
2149
|
+
setValueKey(key: string): this;
|
|
2150
|
+
/**
|
|
2151
|
+
* @description 타일 간 간격을 설정합니다.
|
|
2152
|
+
* @param spacing - 간격 (픽셀)
|
|
2153
|
+
* @returns {this}
|
|
2154
|
+
* @since 1.0.0
|
|
2155
|
+
* @category Options
|
|
2156
|
+
*/
|
|
2157
|
+
setSpacing(spacing: number): this;
|
|
2158
|
+
/**
|
|
2159
|
+
* @description 타일의 경계선 너비를 설정합니다.
|
|
2160
|
+
* @param borderWidth - 경계선 너비
|
|
2161
|
+
* @returns {this}
|
|
2162
|
+
* @since 1.0.0
|
|
2163
|
+
* @category Options
|
|
2164
|
+
*/
|
|
2165
|
+
setBorderWidth(borderWidth: number): this;
|
|
2166
|
+
/**
|
|
2167
|
+
* @description 타일의 경계선 색상을 설정합니다.
|
|
2168
|
+
* @param borderColor - 경계선 색상
|
|
2169
|
+
* @returns {this}
|
|
2170
|
+
* @since 1.0.0
|
|
2171
|
+
* @category Options
|
|
2172
|
+
*/
|
|
2173
|
+
setBorderColor(borderColor: string): this;
|
|
2174
|
+
}
|
|
2175
|
+
|
|
1964
2176
|
declare const noDataPlugin: {
|
|
1965
2177
|
id: string;
|
|
1966
2178
|
beforeUpdate: (chart: any) => void;
|
|
@@ -1972,18 +2184,6 @@ declare const zoomResetPlugin: {
|
|
|
1972
2184
|
afterDraw(chart: any, args: any, options: any): void;
|
|
1973
2185
|
afterEvent(chart: any, args: any): void;
|
|
1974
2186
|
};
|
|
1975
|
-
declare function doughnutCenterTextPlugin(config: {
|
|
1976
|
-
text: string | string[];
|
|
1977
|
-
color?: string;
|
|
1978
|
-
fontStyle?: string;
|
|
1979
|
-
fontSize?: string;
|
|
1980
|
-
}): {
|
|
1981
|
-
id: string;
|
|
1982
|
-
afterInit(chart: Chart): void;
|
|
1983
|
-
afterUpdate(chart: Chart): void;
|
|
1984
|
-
updatePosition(chart: Chart): void;
|
|
1985
|
-
destroy(chart: Chart): void;
|
|
1986
|
-
};
|
|
1987
2187
|
declare const loadingPlugin: {
|
|
1988
2188
|
id: string;
|
|
1989
2189
|
beforeInit(chart: any, args: any, options: any): void;
|
|
@@ -2144,6 +2344,23 @@ declare const zoomRangeSlider: {
|
|
|
2144
2344
|
};
|
|
2145
2345
|
declare const CreateZoomRangeSlider: (colors?: ZoomRangeSliderColors) => ZoomRangeSliderPlugin;
|
|
2146
2346
|
|
|
2347
|
+
declare function doughnutCenterTextPlugin(config: {
|
|
2348
|
+
text: string | string[];
|
|
2349
|
+
color?: string;
|
|
2350
|
+
fontStyle?: string;
|
|
2351
|
+
fontSize?: string;
|
|
2352
|
+
}): {
|
|
2353
|
+
id: string;
|
|
2354
|
+
afterInit(chart: Chart): void;
|
|
2355
|
+
afterUpdate(chart: Chart): void;
|
|
2356
|
+
updatePosition(chart: Chart): void;
|
|
2357
|
+
destroy(chart: Chart): void;
|
|
2358
|
+
};
|
|
2359
|
+
declare function segmentImagePlugin(config: SegmentImageConfig): {
|
|
2360
|
+
id: string;
|
|
2361
|
+
afterDatasetDraw(chart: Chart<"doughnut" | "pie">, args: any): void;
|
|
2362
|
+
};
|
|
2363
|
+
|
|
2147
2364
|
declare const defaultBarTooltipCallback: (context: TooltipItem<"bar">) => string;
|
|
2148
2365
|
declare const defaultBarScales: CommonAxesSacels;
|
|
2149
2366
|
declare const createDefaultBarOptions: (userOptions?: CustomBarChartOptions, defaultScales?: CommonAxesSacels) => CustomBarChartOptions;
|
|
@@ -2159,6 +2376,69 @@ declare const defaultBubbleScales: CommonAxesSacels;
|
|
|
2159
2376
|
declare const createDefaultBubbleOptions: (userOptions?: CustomBubbleChartOptions, defaultScales?: CommonAxesSacels) => CustomBubbleChartOptions;
|
|
2160
2377
|
declare const sparkBubbleOptions: CustomBubbleChartOptions;
|
|
2161
2378
|
|
|
2379
|
+
/**
|
|
2380
|
+
* ═════════════════════════════════════════════════════════════
|
|
2381
|
+
* 📄 FILE : Doughnut.ts
|
|
2382
|
+
* 📁 PACKAGE : chart-toolbox
|
|
2383
|
+
* 👤 AUTHOR : stz
|
|
2384
|
+
* 🕒 CREATED : 25. 9. 28.
|
|
2385
|
+
* ═════════════════════════════════════════════════════════════
|
|
2386
|
+
* ═════════════════════════════════════════════════════════════
|
|
2387
|
+
* 📝 DESCRIPTION
|
|
2388
|
+
* Doughnut 차트 기본 설정
|
|
2389
|
+
* ═════════════════════════════════════════════════════════════
|
|
2390
|
+
* ═════════════════════════════════════════════════════════════
|
|
2391
|
+
* 🔄 CHANGE LOG
|
|
2392
|
+
* - DATE : 2025/09/28 | Author : stz | 최초 생성
|
|
2393
|
+
* ═════════════════════════════════════════════════════════════
|
|
2394
|
+
*/
|
|
2395
|
+
|
|
2396
|
+
declare const defaultDoughnutTooltipCallback: (context: TooltipItem<"doughnut">) => string;
|
|
2397
|
+
declare const createDefaultDoughnutOptions: (userOptions?: CustomDoughnutChartOptions) => CustomDoughnutChartOptions;
|
|
2398
|
+
|
|
2399
|
+
/**
|
|
2400
|
+
* ═════════════════════════════════════════════════════════════
|
|
2401
|
+
* 📄 FILE : Pie.ts
|
|
2402
|
+
* 📁 PACKAGE : chart-toolbox
|
|
2403
|
+
* 👤 AUTHOR : stz
|
|
2404
|
+
* 🕒 CREATED : 25. 11. 16.
|
|
2405
|
+
* ═════════════════════════════════════════════════════════════
|
|
2406
|
+
* ═════════════════════════════════════════════════════════════
|
|
2407
|
+
* 📝 DESCRIPTION
|
|
2408
|
+
* Pie 차트 기본 설정
|
|
2409
|
+
* ═════════════════════════════════════════════════════════════
|
|
2410
|
+
* ═════════════════════════════════════════════════════════════
|
|
2411
|
+
* 🔄 CHANGE LOG
|
|
2412
|
+
* - DATE : 2025/11/16 | Author : stz | 최초 생성
|
|
2413
|
+
* ═════════════════════════════════════════════════════════════
|
|
2414
|
+
*/
|
|
2415
|
+
|
|
2416
|
+
declare const defaultPieTooltipCallback: (context: TooltipItem<"pie">) => string;
|
|
2417
|
+
declare const createDefaultPieOptions: (userOptions?: CustomPieChartOptions) => CustomPieChartOptions;
|
|
2418
|
+
|
|
2419
|
+
/**
|
|
2420
|
+
* ═════════════════════════════════════════════════════════════
|
|
2421
|
+
* 📄 FILE : Treemap.ts
|
|
2422
|
+
* 📁 PACKAGE : chart-toolbox
|
|
2423
|
+
* 👤 AUTHOR : stz
|
|
2424
|
+
* 🕒 CREATED : 2025. 1. 23.
|
|
2425
|
+
* ═════════════════════════════════════════════════════════════
|
|
2426
|
+
* ═════════════════════════════════════════════════════════════
|
|
2427
|
+
* 📝 DESCRIPTION
|
|
2428
|
+
* Treemap 차트 기본 설정
|
|
2429
|
+
* ═════════════════════════════════════════════════════════════
|
|
2430
|
+
* ═════════════════════════════════════════════════════════════
|
|
2431
|
+
* 🔄 CHANGE LOG
|
|
2432
|
+
* - DATE : 2025/01/23 | Author : stz | 최초 생성
|
|
2433
|
+
* ═════════════════════════════════════════════════════════════
|
|
2434
|
+
*/
|
|
2435
|
+
|
|
2436
|
+
declare const defaultTreemapTooltipCallback: {
|
|
2437
|
+
title(items: any[]): any;
|
|
2438
|
+
label(item: any): string;
|
|
2439
|
+
};
|
|
2440
|
+
declare const createDefaultTreemapOptions: (userOptions?: CustomTreemapChartOptions) => CustomTreemapChartOptions;
|
|
2441
|
+
|
|
2162
2442
|
declare const LocalDefaults_CreateZoomRangeSlider: typeof CreateZoomRangeSlider;
|
|
2163
2443
|
declare const LocalDefaults_barScaleImgPlugin: typeof barScaleImgPlugin;
|
|
2164
2444
|
declare const LocalDefaults_blinkPlugin: typeof blinkPlugin;
|
|
@@ -2166,18 +2446,25 @@ declare const LocalDefaults_changeSetting: typeof changeSetting;
|
|
|
2166
2446
|
declare const LocalDefaults_chartMountPlugin: typeof chartMountPlugin;
|
|
2167
2447
|
declare const LocalDefaults_createDefaultBarOptions: typeof createDefaultBarOptions;
|
|
2168
2448
|
declare const LocalDefaults_createDefaultBubbleOptions: typeof createDefaultBubbleOptions;
|
|
2449
|
+
declare const LocalDefaults_createDefaultDoughnutOptions: typeof createDefaultDoughnutOptions;
|
|
2169
2450
|
declare const LocalDefaults_createDefaultLineOptions: typeof createDefaultLineOptions;
|
|
2451
|
+
declare const LocalDefaults_createDefaultPieOptions: typeof createDefaultPieOptions;
|
|
2452
|
+
declare const LocalDefaults_createDefaultTreemapOptions: typeof createDefaultTreemapOptions;
|
|
2170
2453
|
declare const LocalDefaults_customLegend: typeof customLegend;
|
|
2171
2454
|
declare const LocalDefaults_defaultBarScales: typeof defaultBarScales;
|
|
2172
2455
|
declare const LocalDefaults_defaultBarTooltipCallback: typeof defaultBarTooltipCallback;
|
|
2173
2456
|
declare const LocalDefaults_defaultBubbleScales: typeof defaultBubbleScales;
|
|
2174
2457
|
declare const LocalDefaults_defaultBubbleTooltipCallback: typeof defaultBubbleTooltipCallback;
|
|
2458
|
+
declare const LocalDefaults_defaultDoughnutTooltipCallback: typeof defaultDoughnutTooltipCallback;
|
|
2175
2459
|
declare const LocalDefaults_defaultLineScales: typeof defaultLineScales;
|
|
2176
2460
|
declare const LocalDefaults_defaultLineTooltipCallback: typeof defaultLineTooltipCallback;
|
|
2461
|
+
declare const LocalDefaults_defaultPieTooltipCallback: typeof defaultPieTooltipCallback;
|
|
2462
|
+
declare const LocalDefaults_defaultTreemapTooltipCallback: typeof defaultTreemapTooltipCallback;
|
|
2177
2463
|
declare const LocalDefaults_doughnutCenterTextPlugin: typeof doughnutCenterTextPlugin;
|
|
2178
2464
|
declare const LocalDefaults_loadingPlugin: typeof loadingPlugin;
|
|
2179
2465
|
declare const LocalDefaults_makeCenterHtml: typeof makeCenterHtml;
|
|
2180
2466
|
declare const LocalDefaults_noDataPlugin: typeof noDataPlugin;
|
|
2467
|
+
declare const LocalDefaults_segmentImagePlugin: typeof segmentImagePlugin;
|
|
2181
2468
|
declare const LocalDefaults_sparkBarOptions: typeof sparkBarOptions;
|
|
2182
2469
|
declare const LocalDefaults_sparkBubbleOptions: typeof sparkBubbleOptions;
|
|
2183
2470
|
declare const LocalDefaults_sparkLineOptions: typeof sparkLineOptions;
|
|
@@ -2192,18 +2479,25 @@ declare namespace LocalDefaults {
|
|
|
2192
2479
|
LocalDefaults_chartMountPlugin as chartMountPlugin,
|
|
2193
2480
|
LocalDefaults_createDefaultBarOptions as createDefaultBarOptions,
|
|
2194
2481
|
LocalDefaults_createDefaultBubbleOptions as createDefaultBubbleOptions,
|
|
2482
|
+
LocalDefaults_createDefaultDoughnutOptions as createDefaultDoughnutOptions,
|
|
2195
2483
|
LocalDefaults_createDefaultLineOptions as createDefaultLineOptions,
|
|
2484
|
+
LocalDefaults_createDefaultPieOptions as createDefaultPieOptions,
|
|
2485
|
+
LocalDefaults_createDefaultTreemapOptions as createDefaultTreemapOptions,
|
|
2196
2486
|
LocalDefaults_customLegend as customLegend,
|
|
2197
2487
|
LocalDefaults_defaultBarScales as defaultBarScales,
|
|
2198
2488
|
LocalDefaults_defaultBarTooltipCallback as defaultBarTooltipCallback,
|
|
2199
2489
|
LocalDefaults_defaultBubbleScales as defaultBubbleScales,
|
|
2200
2490
|
LocalDefaults_defaultBubbleTooltipCallback as defaultBubbleTooltipCallback,
|
|
2491
|
+
LocalDefaults_defaultDoughnutTooltipCallback as defaultDoughnutTooltipCallback,
|
|
2201
2492
|
LocalDefaults_defaultLineScales as defaultLineScales,
|
|
2202
2493
|
LocalDefaults_defaultLineTooltipCallback as defaultLineTooltipCallback,
|
|
2494
|
+
LocalDefaults_defaultPieTooltipCallback as defaultPieTooltipCallback,
|
|
2495
|
+
LocalDefaults_defaultTreemapTooltipCallback as defaultTreemapTooltipCallback,
|
|
2203
2496
|
LocalDefaults_doughnutCenterTextPlugin as doughnutCenterTextPlugin,
|
|
2204
2497
|
LocalDefaults_loadingPlugin as loadingPlugin,
|
|
2205
2498
|
LocalDefaults_makeCenterHtml as makeCenterHtml,
|
|
2206
2499
|
LocalDefaults_noDataPlugin as noDataPlugin,
|
|
2500
|
+
LocalDefaults_segmentImagePlugin as segmentImagePlugin,
|
|
2207
2501
|
LocalDefaults_sparkBarOptions as sparkBarOptions,
|
|
2208
2502
|
LocalDefaults_sparkBubbleOptions as sparkBubbleOptions,
|
|
2209
2503
|
LocalDefaults_sparkLineOptions as sparkLineOptions,
|
|
@@ -2232,18 +2526,6 @@ declare class ChartInstance {
|
|
|
2232
2526
|
static resize(id: string): void;
|
|
2233
2527
|
}
|
|
2234
2528
|
|
|
2235
|
-
type AllChartTypes = keyof ChartTypeRegistry;
|
|
2236
|
-
declare enum ChartTypes {
|
|
2237
|
-
BAR = "bar",
|
|
2238
|
-
LINE = "line",
|
|
2239
|
-
DOUGHNUT = "doughnut",
|
|
2240
|
-
PIE = "pie",
|
|
2241
|
-
RADAR = "radar",
|
|
2242
|
-
BUBBLE = "bubble",
|
|
2243
|
-
SCATTER = "scatter",
|
|
2244
|
-
TREE = "tree"
|
|
2245
|
-
}
|
|
2246
|
-
|
|
2247
2529
|
interface StzConfig {
|
|
2248
2530
|
errorLogging?: boolean;
|
|
2249
2531
|
silentMode?: boolean;
|
|
@@ -2356,6 +2638,7 @@ declare const T$: {
|
|
|
2356
2638
|
readonly ArcChartWrapper: typeof ArcChartWrapper;
|
|
2357
2639
|
readonly DoughnutChartWrapper: typeof DoughnutChartWrapper;
|
|
2358
2640
|
readonly PieChartWrapper: typeof PieChartWrapper;
|
|
2641
|
+
readonly TreemapChartWrapper: typeof TreemapChartWrapper;
|
|
2359
2642
|
readonly defaultTypes: typeof Types;
|
|
2360
2643
|
readonly defaultsOptions: typeof LocalDefaults;
|
|
2361
2644
|
readonly toolBox: {
|
|
@@ -2364,5 +2647,5 @@ declare const T$: {
|
|
|
2364
2647
|
};
|
|
2365
2648
|
};
|
|
2366
2649
|
|
|
2367
|
-
export { ArcChartWrapper, BarChartWrapper, BubbleChartWrapper, CartesianChartWrapper, ChartFactory, ChartInstance, ChartToolBox, ChartTypes, ChartWrapper, CreateZoomRangeSlider, DoughnutChartWrapper, LineChartWrapper, PieChartWrapper, T$, barScaleImgPlugin, blinkPlugin, changeSetting, chartMountPlugin, createDefaultBarOptions, createDefaultBubbleOptions, createDefaultLineOptions, customLegend, T$ as default, defaultBarScales, defaultBarTooltipCallback, defaultBubbleScales, defaultBubbleTooltipCallback, defaultLineScales, defaultLineTooltipCallback, doughnutCenterTextPlugin, downloadChartAsImage, downloadChartAsImageByInstance, getChartAsBase64, getChartAsBase64ByInstance, getChartAsBlob, getChartAsBlobByInstance, loadingPlugin, makeCenterHtml, noDataPlugin, setChartConfig, sparkBarOptions, sparkBubbleOptions, sparkLineOptions, zoomRangeSlider, zoomResetPlugin };
|
|
2368
|
-
export type { Align, AllChartTypes, ArcChartBuilder, ArcChartType, ArcDataset, AxisColors, BarChartBuilder, BubbleChartBuilder, CartesianChartBuilder, CartesianChartType, CartesianDataset, ChartBuilder, ChartImageExportOptions, ChartWithFocus, Color, CommonAxes, CommonAxesSacels, CommonCartesian, CommonCartesianAxes, CommonCartesianLegendConfig, CommonCartesianTicks, CommonCartesianTitleConfig, CommonTicks, Constructor, CustomArcChartOptions, CustomBarChartOptions, CustomBubbleChartOptions, CustomCartesianDataset, CustomChartDatasets, CustomChartOptions, CustomDoughnutChartOptions, CustomLineChartOptions, CustomOptionPlugins, CustomPieChartOptions, CustomZoomType, DataLabels, DataLabelsContext, DatasetWithPrevColors, DeepPartial, DeepPartialCartesianAxes, DeepPartialPluginOptions, DeepPartialZoomType, DoughnutChartBuilder, FocusCallback, HtmlLegendOptions, LineChartBuilder, Mode, OriginalColors, Override, PartialDataLabels, PieChartBuilder, Position, RadarChartBuilder, RadialChartType, ScaleWithOriginalColors, SettingOptions, StzConfig, ZoomRangeSliderColors, ZoomRangeSliderPlugin, ZoomRangeSliderVar };
|
|
2650
|
+
export { ArcChartWrapper, BarChartWrapper, BubbleChartWrapper, CartesianChartWrapper, ChartFactory, ChartInstance, ChartToolBox, ChartTypes, ChartWrapper, CreateZoomRangeSlider, DoughnutChartWrapper, LineChartWrapper, PieChartWrapper, T$, TreemapChartWrapper, barScaleImgPlugin, blinkPlugin, changeSetting, chartMountPlugin, createDefaultBarOptions, createDefaultBubbleOptions, createDefaultDoughnutOptions, createDefaultLineOptions, createDefaultPieOptions, createDefaultTreemapOptions, customLegend, T$ as default, defaultBarScales, defaultBarTooltipCallback, defaultBubbleScales, defaultBubbleTooltipCallback, defaultDoughnutTooltipCallback, defaultLineScales, defaultLineTooltipCallback, defaultPieTooltipCallback, defaultTreemapTooltipCallback, doughnutCenterTextPlugin, downloadChartAsImage, downloadChartAsImageByInstance, getChartAsBase64, getChartAsBase64ByInstance, getChartAsBlob, getChartAsBlobByInstance, loadingPlugin, makeCenterHtml, noDataPlugin, segmentImagePlugin, setChartConfig, sparkBarOptions, sparkBubbleOptions, sparkLineOptions, zoomRangeSlider, zoomResetPlugin };
|
|
2651
|
+
export type { Align, AllChartTypes, ArcChartBuilder, ArcChartType, ArcDataset, AxisColors, BarChartBuilder, BubbleChartBuilder, CartesianChartBuilder, CartesianChartType, CartesianDataset, ChartBuilder, ChartImageExportOptions, 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, OriginalColors, Override, PartialDataLabels, PieChartBuilder, Position, RadarChartBuilder, RadialChartType, ScaleWithOriginalColors, SegmentImageConfig, SettingOptions, StzConfig, TreemapChartBuilder, ZoomRangeSliderColors, ZoomRangeSliderPlugin, ZoomRangeSliderVar };
|