stz-chart-maker 1.6.6 → 1.6.8
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 +52 -0
- package/dist/index.d.ts +104 -1
- package/dist/index.js +2546 -2416
- package/package.json +1 -1
package/CHANGELOG.md
ADDED
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
# Changelog
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### [1.6.7] (2025-12-07)
|
|
5
|
+
-fix : backgroundColor, borderColor 속성 오류
|
|
6
|
+
### [1.6.6] (2025-12-07)
|
|
7
|
+
-feat : addData, setData, getData Method update , setPlugin 인자를 객체 하나에서 배열로 변경
|
|
8
|
+
### [1.6.5] (2025-11-25)
|
|
9
|
+
- fix : treeMapChart
|
|
10
|
+
### [1.6.4] (2025-11-25)
|
|
11
|
+
- feat : CartesianChartWrapper method update
|
|
12
|
+
- fix : ChartMountPlugin 관점 분리
|
|
13
|
+
### [1.6.3] (2025-11-24)
|
|
14
|
+
- feat : gantt method
|
|
15
|
+
### [1.6.2] (2025-11-24)
|
|
16
|
+
- fix : segmentImagePlugin 변경 ArcChartWrapper _group error
|
|
17
|
+
### [1.6.1] (2025-11-24)
|
|
18
|
+
- fix : ArcChartWrapper chartMountPlugin erorr fix
|
|
19
|
+
### [1.6.0] (2025-11-24)
|
|
20
|
+
- feat : treemapChartWrapper
|
|
21
|
+
### [1.5.2] (2025-11-22)
|
|
22
|
+
- feat : segmentImage Method
|
|
23
|
+
### [1.5.1] (2025-11-17)
|
|
24
|
+
- feat : chart Img Function
|
|
25
|
+
### [1.5.0] (2025-11-16)
|
|
26
|
+
- fix : configLoader.ts
|
|
27
|
+
- feat : pieChartWrapper
|
|
28
|
+
### [1.4.1] (2025-11-09)
|
|
29
|
+
- fix : Cannot access 'ChartWrapper' before initialization ReferenceError: Cannot access 'ChartWrapper' before initialization 문제 수정 ( configLoader.ts에서 바로 import )
|
|
30
|
+
### [1.4.0] (2025-11-09)
|
|
31
|
+
- feat : 설정파일 기능 확장 (CHART_COLOR, autoRegister 옵션 추가)
|
|
32
|
+
- fix : commonTypes 가독성 문제로 인한 분리
|
|
33
|
+
### [1.3.3] (2025-11-08)
|
|
34
|
+
- feat : stz.config.js 설정파일 적용 기능 추가
|
|
35
|
+
### [1.3.1] (2025-11-03)
|
|
36
|
+
- feat : chartData 관련 엑세서 추가 각종 커스텀 데이터셋 키 추가
|
|
37
|
+
### [1.3.0] (2025-11-02)
|
|
38
|
+
- feat : ErrorShield 클래스 추가, 커스텀 에러 핸들링 기능 구현
|
|
39
|
+
### [1.2.6] (2025-11-01)
|
|
40
|
+
- fix : README 오타 수정
|
|
41
|
+
- feat : sparkline 차트 클래스 추가
|
|
42
|
+
### [1.2.5] (2025-10-25)
|
|
43
|
+
- feat : ChartWrapper class setTitle , setLegned cartesian class setBackgroundColor, setGrid 추가 , Doughnut setCenterText 추가
|
|
44
|
+
### [1.2.2 ~ 1.2.4] (2025-10-19)
|
|
45
|
+
- fix : README 변경
|
|
46
|
+
### [1.2.1] (2025-10-19)
|
|
47
|
+
- fix : 라인 차트 오타 수정
|
|
48
|
+
- feat: bar 차트 sparkBar 옵션, 메소드 추가 / Bubble 클래스 추가 / CustomError shield 추가
|
|
49
|
+
### [1.1.0] (2025-10-10)
|
|
50
|
+
- feat : Doughnut 차트 클래스 추가
|
|
51
|
+
- fix : 각 클래스가 상속받는 interface 수정
|
|
52
|
+
### [1.0.20] (2025-10-09)
|
package/dist/index.d.ts
CHANGED
|
@@ -2230,6 +2230,101 @@ declare class TreemapChartWrapper extends ChartWrapper<'treemap', CustomTreemapC
|
|
|
2230
2230
|
setBorderColor(borderColor: string): this;
|
|
2231
2231
|
}
|
|
2232
2232
|
|
|
2233
|
+
/**
|
|
2234
|
+
* @description Cartesian 차트에서 사용할 수 있는 플러그인들을 제공합니다.
|
|
2235
|
+
* @since 1.6.6
|
|
2236
|
+
* @category Plugins
|
|
2237
|
+
*/
|
|
2238
|
+
/**
|
|
2239
|
+
* @description 오늘 날짜에 수직선을 그리는 플러그인을 생성합니다.
|
|
2240
|
+
* @param {string} color - 라인 색상 (기본값: 'rgb(26,110,255)')
|
|
2241
|
+
* @param text (기본값 : 'TODAY')
|
|
2242
|
+
* @returns {object} Chart.js 플러그인 객체
|
|
2243
|
+
* @since 1.6.6
|
|
2244
|
+
* @category Plugins
|
|
2245
|
+
* @example
|
|
2246
|
+
* const todayLine = createTodayLinePlugin('rgb(255,0,0)');
|
|
2247
|
+
* chart.setPlugin(todayLine);
|
|
2248
|
+
*/
|
|
2249
|
+
declare const createTodayLinePlugin: (color?: string, text?: string) => {
|
|
2250
|
+
id: string;
|
|
2251
|
+
afterDatasetsDraw(chart: any, args: any, pluginOptions: any): void;
|
|
2252
|
+
};
|
|
2253
|
+
/**
|
|
2254
|
+
* @description 주말(토요일, 일요일)에 배경색을 추가하는 플러그인을 생성합니다.
|
|
2255
|
+
* @param {string} color - 주말 배경색 (기본값: 'rgba(102, 102, 102, 0.2)')
|
|
2256
|
+
* @returns {object} Chart.js 플러그인 객체
|
|
2257
|
+
* @since 1.6.6
|
|
2258
|
+
* @category Plugins
|
|
2259
|
+
* @example
|
|
2260
|
+
* const weekend = createWeekendPlugin('rgba(255, 0, 0, 0.1)');
|
|
2261
|
+
* chart.setPlugin(weekend);
|
|
2262
|
+
*/
|
|
2263
|
+
declare const createWeekendPlugin: (color?: string) => {
|
|
2264
|
+
id: string;
|
|
2265
|
+
beforeDatasetsDraw(chart: any, args: any, pluginOptions: any): void;
|
|
2266
|
+
};
|
|
2267
|
+
/**
|
|
2268
|
+
* @description 데이터 포인트의 상태를 이미지로 표시하는 플러그인을 생성합니다.
|
|
2269
|
+
* @param {object} imageUrls - 상태값을 키로, 이미지 경로를 값으로 하는 객체 (선택사항, 기본값: 내장 아이콘 사용)
|
|
2270
|
+
* @param {string} statusField - 상태값을 가져올 데이터 포인트의 필드명 (기본값: 'status')
|
|
2271
|
+
* @returns {object} Chart.js 플러그인 객체
|
|
2272
|
+
* @since 1.6.6
|
|
2273
|
+
* @category Plugins
|
|
2274
|
+
* @example
|
|
2275
|
+
* // 기본 아이콘 사용
|
|
2276
|
+
* const status = createStatusPlugin();
|
|
2277
|
+
* chart.setPlugin(status);
|
|
2278
|
+
*
|
|
2279
|
+
* // 커스텀 아이콘 사용
|
|
2280
|
+
* const status = createStatusPlugin({
|
|
2281
|
+
* 1: '/img/success.svg',
|
|
2282
|
+
* 2: '/img/delay.svg',
|
|
2283
|
+
* 3: '/img/pending.svg'
|
|
2284
|
+
* });
|
|
2285
|
+
* chart.setPlugin(status);
|
|
2286
|
+
*/
|
|
2287
|
+
declare const createStatusPlugin: (imageUrls?: {
|
|
2288
|
+
[key: number]: string;
|
|
2289
|
+
}, statusField?: string) => {
|
|
2290
|
+
id: string;
|
|
2291
|
+
imageCache: {
|
|
2292
|
+
[key: number]: HTMLImageElement;
|
|
2293
|
+
};
|
|
2294
|
+
afterDatasetsDraw(chart: any, args: any, pluginOptions: any): void;
|
|
2295
|
+
};
|
|
2296
|
+
/**
|
|
2297
|
+
* @description 데이터 포인트의 특정 필드값을 텍스트로 표시하는 플러그인을 생성합니다.
|
|
2298
|
+
* @param {string} fieldName - 표시할 데이터 포인트의 필드명 (기본값: 'assignee')
|
|
2299
|
+
* @param {object} options - 텍스트 스타일 옵션
|
|
2300
|
+
* @returns {object} Chart.js 플러그인 객체
|
|
2301
|
+
* @since 1.6.6
|
|
2302
|
+
* @category Plugins
|
|
2303
|
+
* @example
|
|
2304
|
+
* // assignee 필드 표시
|
|
2305
|
+
* const assignedTasks = createAssignedTasksPlugin('assignee');
|
|
2306
|
+
* chart.setPlugin(assignedTasks);
|
|
2307
|
+
*
|
|
2308
|
+
* // name 필드 표시
|
|
2309
|
+
* const namedTasks = createAssignedTasksPlugin('name', {
|
|
2310
|
+
* font: 'bold 14px sans-serif',
|
|
2311
|
+
* color: 'red',
|
|
2312
|
+
* x: 20,
|
|
2313
|
+
* textAlign: 'left'
|
|
2314
|
+
* });
|
|
2315
|
+
* chart.setPlugin(namedTasks);
|
|
2316
|
+
*/
|
|
2317
|
+
declare const createAssignedTasksPlugin: (fieldName?: string, options?: {
|
|
2318
|
+
font?: string;
|
|
2319
|
+
color?: string;
|
|
2320
|
+
x?: number;
|
|
2321
|
+
textAlign?: CanvasTextAlign;
|
|
2322
|
+
textBaseline?: CanvasTextBaseline;
|
|
2323
|
+
}) => {
|
|
2324
|
+
id: string;
|
|
2325
|
+
afterDatasetsDraw(chart: any, args: any, pluginOptions: any): void;
|
|
2326
|
+
};
|
|
2327
|
+
|
|
2233
2328
|
declare const noDataPlugin: {
|
|
2234
2329
|
id: string;
|
|
2235
2330
|
beforeUpdate: (chart: any) => void;
|
|
@@ -2504,12 +2599,16 @@ declare const LocalDefaults_barScaleImgPlugin: typeof barScaleImgPlugin;
|
|
|
2504
2599
|
declare const LocalDefaults_blinkPlugin: typeof blinkPlugin;
|
|
2505
2600
|
declare const LocalDefaults_changeSetting: typeof changeSetting;
|
|
2506
2601
|
declare const LocalDefaults_chartMountPlugin: typeof chartMountPlugin;
|
|
2602
|
+
declare const LocalDefaults_createAssignedTasksPlugin: typeof createAssignedTasksPlugin;
|
|
2507
2603
|
declare const LocalDefaults_createDefaultBarOptions: typeof createDefaultBarOptions;
|
|
2508
2604
|
declare const LocalDefaults_createDefaultBubbleOptions: typeof createDefaultBubbleOptions;
|
|
2509
2605
|
declare const LocalDefaults_createDefaultDoughnutOptions: typeof createDefaultDoughnutOptions;
|
|
2510
2606
|
declare const LocalDefaults_createDefaultLineOptions: typeof createDefaultLineOptions;
|
|
2511
2607
|
declare const LocalDefaults_createDefaultPieOptions: typeof createDefaultPieOptions;
|
|
2512
2608
|
declare const LocalDefaults_createDefaultTreemapOptions: typeof createDefaultTreemapOptions;
|
|
2609
|
+
declare const LocalDefaults_createStatusPlugin: typeof createStatusPlugin;
|
|
2610
|
+
declare const LocalDefaults_createTodayLinePlugin: typeof createTodayLinePlugin;
|
|
2611
|
+
declare const LocalDefaults_createWeekendPlugin: typeof createWeekendPlugin;
|
|
2513
2612
|
declare const LocalDefaults_customDatasetPlugins: typeof customDatasetPlugins;
|
|
2514
2613
|
declare const LocalDefaults_customLegend: typeof customLegend;
|
|
2515
2614
|
declare const LocalDefaults_defaultBarScales: typeof defaultBarScales;
|
|
@@ -2538,12 +2637,16 @@ declare namespace LocalDefaults {
|
|
|
2538
2637
|
LocalDefaults_blinkPlugin as blinkPlugin,
|
|
2539
2638
|
LocalDefaults_changeSetting as changeSetting,
|
|
2540
2639
|
LocalDefaults_chartMountPlugin as chartMountPlugin,
|
|
2640
|
+
LocalDefaults_createAssignedTasksPlugin as createAssignedTasksPlugin,
|
|
2541
2641
|
LocalDefaults_createDefaultBarOptions as createDefaultBarOptions,
|
|
2542
2642
|
LocalDefaults_createDefaultBubbleOptions as createDefaultBubbleOptions,
|
|
2543
2643
|
LocalDefaults_createDefaultDoughnutOptions as createDefaultDoughnutOptions,
|
|
2544
2644
|
LocalDefaults_createDefaultLineOptions as createDefaultLineOptions,
|
|
2545
2645
|
LocalDefaults_createDefaultPieOptions as createDefaultPieOptions,
|
|
2546
2646
|
LocalDefaults_createDefaultTreemapOptions as createDefaultTreemapOptions,
|
|
2647
|
+
LocalDefaults_createStatusPlugin as createStatusPlugin,
|
|
2648
|
+
LocalDefaults_createTodayLinePlugin as createTodayLinePlugin,
|
|
2649
|
+
LocalDefaults_createWeekendPlugin as createWeekendPlugin,
|
|
2547
2650
|
LocalDefaults_customDatasetPlugins as customDatasetPlugins,
|
|
2548
2651
|
LocalDefaults_customLegend as customLegend,
|
|
2549
2652
|
LocalDefaults_defaultBarScales as defaultBarScales,
|
|
@@ -2709,5 +2812,5 @@ declare const T$: {
|
|
|
2709
2812
|
};
|
|
2710
2813
|
};
|
|
2711
2814
|
|
|
2712
|
-
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, customDatasetPlugins, 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 };
|
|
2815
|
+
export { ArcChartWrapper, BarChartWrapper, BubbleChartWrapper, CartesianChartWrapper, ChartFactory, ChartInstance, ChartToolBox, ChartTypes, ChartWrapper, CreateZoomRangeSlider, DoughnutChartWrapper, LineChartWrapper, PieChartWrapper, T$, TreemapChartWrapper, barScaleImgPlugin, blinkPlugin, changeSetting, chartMountPlugin, createAssignedTasksPlugin, createDefaultBarOptions, createDefaultBubbleOptions, 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, loadingPlugin, makeCenterHtml, noDataPlugin, segmentImagePlugin, setChartConfig, sparkBarOptions, sparkBubbleOptions, sparkLineOptions, zoomRangeSlider, zoomResetPlugin };
|
|
2713
2816
|
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, UidImageMapping, ZoomRangeSliderColors, ZoomRangeSliderPlugin, ZoomRangeSliderVar };
|