stz-chart-maker 1.1.1 → 1.2.1

package/README.md

@@ -1,10 +1,42 @@
-<div align="center">
-  <img src="./assets/icon.svg" alt="Chart Toolbox" width="120">
-  
-  # stz-chart-maker
+ 
+# stz-chart-maker
   
   Chart.js 기반의 차트 생성 도구
 
-
+  ## using npm : 
+  ```bash
+      npm install stz-chart-maker
+      npm install -D stz-chart-maker
+  ```
+  ## api Docs
   [📚 API 문서](https://stz-chart-maker.vercel.app)
-</div>
+
+  # example
+  ```JSX
+  const chartConfig = ChartWrapper
+                      .create('bar', data.labels , data.datasets, {})
+                      .addDataLabels(true)
+                      .addZoom(true)
+                      .build('mixed-chart');
+
+  return (
+  <div>
+    <Chart type={chartConfig.type} data={chartConfig.data} options={chartConfig.options} />
+  </div>
+  );
+  ```
+
+## Quick Start
+
+```JSX
+import { ChartWrapper } from 'stz-chart-maker';
+import { Chart } from 'react-chartjs-2';
+
+const chart = ChartWrapper
+  .create('bar', ['A', 'B', 'C'], [{ data: [10, 20, 30] }])
+  .addZoom(true)
+  .addDataLabels(true)
+  .build('basic-bar');
+
+<Chart {...chart} />;
+```

package/dist/index.d.ts

@@ -187,7 +187,7 @@ type DeepPartialPluginOptions<T extends ChartType> = DeepPartial<PluginOptionsBy
 interface CommonAxesSacels {
     [key: string]: DeepPartialCartesianAxes;
 }
-type CustomOptionPlugins<TType extends ChartType = ChartType> = Partial<PluginOptionsByType<TType>> & {
+type CustomOptionPlugins<TType extends ChartType = ChartType> = DeepPartial<PluginOptionsByType<TType>> & {
     zoom?: DeepPartialZoomType;
     datalabels?: PartialDataLabels;
     settingsIcon?: {
@@ -205,7 +205,7 @@ type CustomOptionPlugins<TType extends ChartType = ChartType> = Partial<PluginOp
         cursor?: string;
         onClick?: (chart: Chart<TType>, event: MouseEvent) => void;
     };
-    htmlLegend: HtmlLegendOptions;
+    htmlLegend?: HtmlLegendOptions;
 };
 type CustomChartOptions<TType extends ChartType = ChartType> = Override<ChartOptions<TType>, {
     scales?: CommonAxesSacels;
@@ -237,6 +237,7 @@ type CustomArcChartOptions<TType extends ArcChartType = ArcChartType> = CustomCh
 };
 type CustomBarChartOptions = CustomChartOptions<'bar'>;
 type CustomLineChartOptions = CustomChartOptions<'line'>;
+type CustomBubbleChartOptions = CustomChartOptions<'bubble'>;
 type CustomPieChartOptions = CustomArcChartOptions<'pie'>;
 type CustomDoughnutChartOptions = CustomArcChartOptions<'doughnut'>;
 type CartesianDataset<TType extends CartesianChartType = CartesianChartType> = ChartDataset<TType, (number | null)[]> & {
@@ -308,6 +309,7 @@ interface BarChartBuilder extends CartesianChartBuilder<'bar'> {
     setAllBorderRadius(borderRadius: number): this;
     setStacked(isStacked: boolean): this;
     setBarImg(axis: string): this;
+    sparkBarChart(): this;
 }
 interface LineChartBuilder extends CartesianChartBuilder<'line'> {
     setFill(datasetIndex: number, enable: boolean, backgroundColor?: string): this;
@@ -320,6 +322,7 @@ interface LineChartBuilder extends CartesianChartBuilder<'line'> {
     setAllPointRadius(radius: number): this;
     setPointHoverRadius(datasetIndex: number, hoverRadius: number): this;
     setAllPointHoverRadius(hoverRadius: number): this;
+    sparkLineChart(): this;
 }
 interface RadarChartBuilder extends ChartBuilder<'radar'> {
 }
@@ -333,6 +336,22 @@ interface ArcChartBuilder<TType extends ArcChartType> extends ChartBuilder<TType
     setBorderColor(datasetIndex: number, borderColor: string | string[]): this;
     setAllBorderColor(borderColor: string | string[]): this;
 }
+interface BubbleChartBuilder extends CartesianChartBuilder<'bubble'> {
+    setBubbleRadius(datasetIndex: number, radius: number): this;
+    setBubbleDataRadius(datasetIndex: number, dataIndex: number, radius: number): this;
+    setAllBubbleDataRadius(datasetIndex: number, radius: number): this;
+    setBubbleDataRadiusByName(datasetIndex: number, dataName: string | number, radius: number): this;
+    updateBubbleDataRadius(datasetIndex: number, updateFn: (dataPoint: any, index: number) => number): this;
+    setBubbleDataRadiusWhere(datasetIndex: number, filterFn: (dataPoint: any) => boolean, radius: number): this;
+    setAllBubbleRadius(radius: number): this;
+    setHoverRadius(datasetIndex: number, hoverRadius: number): this;
+    setAllHoverRadius(hoverRadius: number): this;
+    setBorderWidth(datasetIndex: number, borderWidth: number): this;
+    setAllBorderWidth(borderWidth: number): this;
+    setRotation(datasetIndex: number, rotation: number): this;
+    setAllRotation(rotation: number): this;
+    sparkBubbleChart(): this;
+}
 interface PieChartBuilder extends ArcChartBuilder<'pie'> {
 }
 interface DoughnutChartBuilder extends ArcChartBuilder<'doughnut'> {
@@ -341,6 +360,7 @@ interface DoughnutChartBuilder extends ArcChartBuilder<'doughnut'> {
 type Types_ArcChartBuilder<TType extends ArcChartType> = ArcChartBuilder<TType>;
 type Types_ArcChartType = ArcChartType;
 type Types_BarChartBuilder = BarChartBuilder;
+type Types_BubbleChartBuilder = BubbleChartBuilder;
 type Types_CartesianChartBuilder<TType extends CartesianChartType> = CartesianChartBuilder<TType>;
 type Types_CartesianChartType = CartesianChartType;
 type Types_CartesianDataset<TType extends CartesianChartType = CartesianChartType> = CartesianDataset<TType>;
@@ -356,6 +376,7 @@ type Types_CommonTicks = CommonTicks;
 type Types_Constructor<TType extends ChartType, TInstance> = Constructor<TType, TInstance>;
 type Types_CustomArcChartOptions<TType extends ArcChartType = ArcChartType> = CustomArcChartOptions<TType>;
 type Types_CustomBarChartOptions = CustomBarChartOptions;
+type Types_CustomBubbleChartOptions = CustomBubbleChartOptions;
 type Types_CustomCartesianDataset<TType extends CartesianChartType = CartesianChartType> = CustomCartesianDataset<TType>;
 type Types_CustomChartOptions<TType extends ChartType = ChartType> = CustomChartOptions<TType>;
 type Types_CustomDoughnutChartOptions = CustomDoughnutChartOptions;
@@ -375,7 +396,7 @@ type Types_RadarChartBuilder = RadarChartBuilder;
 type Types_RadialChartType = RadialChartType;
 type Types_SettingOptions = SettingOptions;
 declare namespace Types {
-  export type { Types_ArcChartBuilder as ArcChartBuilder, Types_ArcChartType as ArcChartType, Types_BarChartBuilder as BarChartBuilder, 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_CommonCartesianTicks as CommonCartesianTicks, Types_CommonCartesianTitleConfig as CommonCartesianTitleConfig, Types_CommonTicks as CommonTicks, Types_Constructor as Constructor, Types_CustomArcChartOptions as CustomArcChartOptions, Types_CustomBarChartOptions as CustomBarChartOptions, Types_CustomCartesianDataset as CustomCartesianDataset, 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_PieChartBuilder as PieChartBuilder, Types_Position as Position, Types_RadarChartBuilder as RadarChartBuilder, Types_RadialChartType as RadialChartType, Types_SettingOptions as SettingOptions };
+  export type { Types_ArcChartBuilder as ArcChartBuilder, Types_ArcChartType as ArcChartType, 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_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_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_PieChartBuilder as PieChartBuilder, Types_Position as Position, Types_RadarChartBuilder as RadarChartBuilder, Types_RadialChartType as RadialChartType, Types_SettingOptions as SettingOptions };
 }
 
 interface ChartConfig {
@@ -386,6 +407,16 @@ interface ChartConfig {
     options: any;
     plugins?: any;
 }
+type ChartBuilderMap = {
+    line: LineChartBuilder;
+    bar: BarChartBuilder;
+    scatter: CartesianChartBuilder<'scatter'>;
+    bubble: CartesianChartBuilder<'bubble'>;
+    doughnut: DoughnutChartBuilder;
+    pie: PieChartBuilder;
+    radar: ChartBuilder<'radar'>;
+    polarArea: ChartBuilder<'polarArea'>;
+};
 declare abstract class ChartWrapper<TType extends ChartType, TOptions extends CustomChartOptions<TType> = CustomChartOptions<TType>> implements ChartBuilder<TType> {
     protected type: TType;
     protected labels: (string | number)[];
@@ -394,7 +425,7 @@ declare abstract class ChartWrapper<TType extends ChartType, TOptions extends Cu
     protected plugins?: any | undefined;
     static registry: Map<string, Constructor<any, any>>;
     constructor(type: TType, labels: (string | number)[], datasets: ChartDataset<TType, (number | null)[]>[], options: TOptions, plugins?: any | undefined);
-    static create<TType extends ChartType>(type: TType, labels: (string | number)[], datasets: ChartDataset<TType, (number | null)[]>[], options?: CustomChartOptions<TType>, plugins?: Plugin$1): TType extends CartesianChartType ? CartesianChartBuilder<TType> : TType extends ArcChartType ? ArcChartBuilder<TType> : ChartBuilder<TType>;
+    static create<TType extends ChartType>(type: TType, labels: (string | number)[], datasets: ChartDataset<TType, (number | null)[]>[], options?: CustomChartOptions<TType>, plugins?: Plugin$1): TType extends keyof ChartBuilderMap ? ChartBuilderMap[TType] : ChartBuilder<TType>;
     static register<TType extends ChartType, TInstance>(type: TType, wrapperClass: Constructor<TType, TInstance>): void;
     static has(type: ChartType): boolean;
     protected abstract normalize(): void;
@@ -905,6 +936,14 @@ declare class BarChartWrapper extends CartesianChartWrapper<'bar'> implements Ba
      * @Returns {this}
      */
     setBarImg(axis: string): this;
+    /**
+     * @description 스파크바 차트 옵션을 적용합니다. mixed 차트에서는 동작하지 않습니다.
+     * @returns {this}
+     * @since 1.0.0
+     * @category options
+     * @beta (기능 테스트 중)
+     */
+    sparkBarChart(): this;
 }
 
 declare class LineChartWrapper extends CartesianChartWrapper<'line'> implements LineChartBuilder {
@@ -1069,6 +1108,170 @@ declare class LineChartWrapper extends CartesianChartWrapper<'line'> implements
      * @beta (기능 테스트 중)
      */
     private calculateGradientPositions;
+    /**
+     * @description 스파크라인 차트 옵션을 적용합니다. mixed 차트에서는 동작하지 않습니다.
+     * @returns {this}
+     * @since 1.0.1
+     * @category options
+     * @beta (기능 테스트 중)
+     */
+    sparkLineChart(): this;
+}
+
+declare class BubbleChartWrapper extends CartesianChartWrapper<'bubble'> implements BubbleChartBuilder {
+    constructor(type: 'bubble', labels: (string | number)[], datasets: CartesianDataset<'bubble'>[], options?: CustomBubbleChartOptions, plugins?: any);
+    protected requireLabels(): boolean;
+    makeConfig(id?: string): {
+        _chartId: any;
+        type: any;
+        data: any;
+        options: any;
+        plugins: any;
+    };
+    /**
+     * @description 데이터셋의 버블 반지름을 설정합니다.
+     * @param {number} datasetIndex - 데이터셋 인덱스
+     * @param {number} radius - 반지름 값
+     * @returns {this}
+     * @since 1.0.0
+     * @category dataset
+     */
+    setBubbleRadius(datasetIndex: number, radius: number): this;
+    /**
+     * @description 모든 데이터셋의 버블 반지름을 설정합니다.
+     * @param {number} radius - 반지름 값
+     * @returns {this}
+     * @since 1.0.0
+     * @category dataset
+     */
+    setAllBubbleRadius(radius: number): this;
+    /**
+     * @description 특정 데이터셋의 특정 버블 데이터의 r값을 설정합니다.
+     * @param {number} datasetIndex - 데이터셋 인덱스
+     * @param {number} dataIndex - 데이터 인덱스
+     * @param {number} radius - 반지름 값
+     * @returns {this}
+     * @since 1.0.0
+     * @category data
+     * @example
+     * bubbleChart.setBubbleDataRadius(0, 2, 25); // 첫 번째 데이터셋의 세 번째 버블 크기를 25로 설정
+     */
+    setBubbleDataRadius(datasetIndex: number, dataIndex: number, radius: number): this;
+    /**
+     * @description 특정 데이터셋의 모든 버블 데이터의 r값을 일괄 설정합니다.
+     * @param {number} datasetIndex - 데이터셋 인덱스
+     * @param {number} radius - 반지름 값
+     * @returns {this}
+     * @since 1.0.0
+     * @category data
+     * @example
+     * bubbleChart.setAllBubbleDataRadius(0, 15); // 첫 번째 데이터셋의 모든 버블 크기를 15로 설정
+     */
+    setAllBubbleDataRadius(datasetIndex: number, radius: number): this;
+    /**
+     * @description 특정 데이터셋에서 name으로 찾아서 버블 데이터의 r값을 설정합니다.
+     * @param {number} datasetIndex - 데이터셋 인덱스
+     * @param {string} name - 찾을 이름 (data 객체의 name 속성)
+     * @param {number} radius - 반지름 값
+     * @returns {this}
+     * @since 1.0.0
+     * @category data
+     * @example
+     * bubbleChart.setBubbleDataRadiusByName(0, '서울', 50); // '서울' 버블의 크기를 50으로 설정
+     */
+    setBubbleDataRadiusByName(datasetIndex: number, name: string, radius: number): this;
+    /**
+     * @description 특정 데이터셋의 버블 데이터 r값을 함수를 통해 업데이트합니다.
+     * @param {number} datasetIndex - 데이터셋 인덱스
+     * @param {Function} updateFn - 업데이트 함수 (dataPoint, index) => newRadius
+     * @returns {this}
+     * @since 1.0.0
+     * @category data
+     * @example
+     * // 모든 버블의 크기를 2배로
+     * bubbleChart.updateBubbleDataRadius(0, (data) => data.r * 2);
+     *
+     * // 인구에 비례하여 크기 설정
+     * bubbleChart.updateBubbleDataRadius(0, (data) => Math.sqrt(data.population) * 3);
+     *
+     * // 조건부 업데이트
+     * bubbleChart.updateBubbleDataRadius(0, (data) =>
+     *   data.name === '서울' ? 50 : data.r
+     * );
+     */
+    updateBubbleDataRadius(datasetIndex: number, updateFn: (dataPoint: any, index: number) => number): this;
+    /**
+     * @description 특정 데이터셋에서 조건에 맞는 버블들의 r값을 설정합니다.
+     * @param {number} datasetIndex - 데이터셋 인덱스
+     * @param {Function} filterFn - 필터 함수 (dataPoint) => boolean
+     * @param {number} radius - 반지름 값
+     * @returns {this}
+     * @since 1.0.0
+     * @category data
+     * @example
+     * // 인구가 50 이상인 도시만 크기 50으로
+     * bubbleChart.setBubbleDataRadiusWhere(0, (data) => data.population >= 50, 50);
+     */
+    setBubbleDataRadiusWhere(datasetIndex: number, filterFn: (dataPoint: any) => boolean, radius: number): this;
+    /**
+     * @description 데이터셋의 호버 시 버블 반지름을 설정합니다.
+     * @param {number} datasetIndex - 데이터셋 인덱스
+     * @param {number} hoverRadius - 호버 시 반지름 값
+     * @returns {this}
+     * @since 1.0.0
+     * @category dataset
+     */
+    setHoverRadius(datasetIndex: number, hoverRadius: number): this;
+    /**
+     * @description 모든 데이터셋의 호버 시 버블 반지름을 설정합니다.
+     * @param {number} hoverRadius - 호버 시 반지름 값
+     * @returns {this}
+     * @since 1.0.0
+     * @category dataset
+     */
+    setAllHoverRadius(hoverRadius: number): this;
+    /**
+     * @description 데이터셋의 Border Width를 설정합니다.
+     * @param {number} datasetIndex - 데이터셋 인덱스
+     * @param {number} borderWidth - 테두리 두께
+     * @returns {this}
+     * @since 1.0.0
+     * @category dataset
+     */
+    setBorderWidth(datasetIndex: number, borderWidth: number): this;
+    /**
+     * @description 모든 데이터셋의 Border Width를 설정합니다.
+     * @param {number} borderWidth - 테두리 두께
+     * @returns {this}
+     * @since 1.0.0
+     * @category dataset
+     */
+    setAllBorderWidth(borderWidth: number): this;
+    /**
+     * @description 스파크 버블 차트 옵션을 적용합니다.
+     * @returns {this}
+     * @since 1.0.0
+     * @category options
+     * @beta (기능 테스트 중)
+     */
+    sparkBubbleChart(): this;
+    /**
+     * @description 데이터셋의 회전 각도를 설정합니다.
+     * @param {number} datasetIndex - 데이터셋 인덱스
+     * @param {number} rotation - 회전 각도 (도 단위)
+     * @returns {this}
+     * @since 1.0.0
+     * @category dataset
+     */
+    setRotation(datasetIndex: number, rotation: number): this;
+    /**
+     * @description 모든 데이터셋의 회전 각도를 설정합니다.
+     * @param {number} rotation - 회전 각도 (도 단위)
+     * @returns {this}
+     * @since 1.0.0
+     * @category dataset
+     */
+    setAllRotation(rotation: number): this;
 }
 
 /**
@@ -1384,10 +1587,17 @@ declare const CreateZoomRangeSlider: (colors?: ZoomRangeSliderColors) => ZoomRan
 declare const defaultBarTooltipCallback: (context: TooltipItem<"bar">) => string;
 declare const defaultBarScales: CommonAxesSacels;
 declare const createDefaultBarOptions: (userOptions?: CustomBarChartOptions, defaultScales?: CommonAxesSacels) => CustomBarChartOptions;
+declare const sparkBarOptions: CustomBarChartOptions;
 
 declare const defaultLineTooltipCallback: (context: TooltipItem<"line">) => string;
 declare const defaultLineScales: CommonAxesSacels;
 declare const createDefaultLineOptions: (userOptions?: CustomLineChartOptions, defaultScales?: CommonAxesSacels) => CustomLineChartOptions;
+declare const sparkLineOptions: CustomLineChartOptions;
+
+declare const defaultBubbleTooltipCallback: (context: TooltipItem<"bubble">) => string;
+declare const defaultBubbleScales: CommonAxesSacels;
+declare const createDefaultBubbleOptions: (userOptions?: CustomBubbleChartOptions, defaultScales?: CommonAxesSacels) => CustomBubbleChartOptions;
+declare const sparkBubbleOptions: CustomBubbleChartOptions;
 
 declare const LocalDefaults_CreateZoomRangeSlider: typeof CreateZoomRangeSlider;
 declare const LocalDefaults_barScaleImgPlugin: typeof barScaleImgPlugin;
@@ -1395,16 +1605,22 @@ declare const LocalDefaults_blinkPlugin: typeof blinkPlugin;
 declare const LocalDefaults_changeSetting: typeof changeSetting;
 declare const LocalDefaults_chartMountPlugin: typeof chartMountPlugin;
 declare const LocalDefaults_createDefaultBarOptions: typeof createDefaultBarOptions;
+declare const LocalDefaults_createDefaultBubbleOptions: typeof createDefaultBubbleOptions;
 declare const LocalDefaults_createDefaultLineOptions: typeof createDefaultLineOptions;
 declare const LocalDefaults_customLegend: typeof customLegend;
 declare const LocalDefaults_defaultBarScales: typeof defaultBarScales;
 declare const LocalDefaults_defaultBarTooltipCallback: typeof defaultBarTooltipCallback;
+declare const LocalDefaults_defaultBubbleScales: typeof defaultBubbleScales;
+declare const LocalDefaults_defaultBubbleTooltipCallback: typeof defaultBubbleTooltipCallback;
 declare const LocalDefaults_defaultLineScales: typeof defaultLineScales;
 declare const LocalDefaults_defaultLineTooltipCallback: typeof defaultLineTooltipCallback;
 declare const LocalDefaults_doughnutCenterTextPlugin: typeof doughnutCenterTextPlugin;
 declare const LocalDefaults_loadingPlugin: typeof loadingPlugin;
 declare const LocalDefaults_makeCenterHtml: typeof makeCenterHtml;
 declare const LocalDefaults_noDataPlugin: typeof noDataPlugin;
+declare const LocalDefaults_sparkBarOptions: typeof sparkBarOptions;
+declare const LocalDefaults_sparkBubbleOptions: typeof sparkBubbleOptions;
+declare const LocalDefaults_sparkLineOptions: typeof sparkLineOptions;
 declare const LocalDefaults_zoomRangeSlider: typeof zoomRangeSlider;
 declare const LocalDefaults_zoomResetPlugin: typeof zoomResetPlugin;
 declare namespace LocalDefaults {
@@ -1415,16 +1631,22 @@ declare namespace LocalDefaults {
     LocalDefaults_changeSetting as changeSetting,
     LocalDefaults_chartMountPlugin as chartMountPlugin,
     LocalDefaults_createDefaultBarOptions as createDefaultBarOptions,
+    LocalDefaults_createDefaultBubbleOptions as createDefaultBubbleOptions,
     LocalDefaults_createDefaultLineOptions as createDefaultLineOptions,
     LocalDefaults_customLegend as customLegend,
     LocalDefaults_defaultBarScales as defaultBarScales,
     LocalDefaults_defaultBarTooltipCallback as defaultBarTooltipCallback,
+    LocalDefaults_defaultBubbleScales as defaultBubbleScales,
+    LocalDefaults_defaultBubbleTooltipCallback as defaultBubbleTooltipCallback,
     LocalDefaults_defaultLineScales as defaultLineScales,
     LocalDefaults_defaultLineTooltipCallback as defaultLineTooltipCallback,
     LocalDefaults_doughnutCenterTextPlugin as doughnutCenterTextPlugin,
     LocalDefaults_loadingPlugin as loadingPlugin,
     LocalDefaults_makeCenterHtml as makeCenterHtml,
     LocalDefaults_noDataPlugin as noDataPlugin,
+    LocalDefaults_sparkBarOptions as sparkBarOptions,
+    LocalDefaults_sparkBubbleOptions as sparkBubbleOptions,
+    LocalDefaults_sparkLineOptions as sparkLineOptions,
     LocalDefaults_zoomRangeSlider as zoomRangeSlider,
     LocalDefaults_zoomResetPlugin as zoomResetPlugin,
   };
@@ -1472,6 +1694,7 @@ declare const T$: {
     readonly CartesianChartWrapper: typeof CartesianChartWrapper;
     readonly BarChartWrapper: typeof BarChartWrapper;
     readonly LineChartWrapper: typeof LineChartWrapper;
+    readonly BubbleChartWrapper: typeof BubbleChartWrapper;
     readonly ArcChartWrapper: typeof ArcChartWrapper;
     readonly DoughnutChartWrapper: typeof DoughnutChartWrapper;
     readonly defaultTypes: typeof Types;
@@ -1481,5 +1704,5 @@ declare const T$: {
     };
 };
 
-export { ArcChartWrapper, BarChartWrapper, CartesianChartWrapper, ChartFactory, ChartInstance, ChartToolBox, ChartTypes, ChartWrapper, CreateZoomRangeSlider, DoughnutChartWrapper, LineChartWrapper, T$, barScaleImgPlugin, blinkPlugin, changeSetting, chartMountPlugin, createDefaultBarOptions, createDefaultLineOptions, customLegend, T$ as default, defaultBarScales, defaultBarTooltipCallback, defaultLineScales, defaultLineTooltipCallback, doughnutCenterTextPlugin, loadingPlugin, makeCenterHtml, noDataPlugin, zoomRangeSlider, zoomResetPlugin };
-export type { AllChartTypes, ArcChartBuilder, ArcChartType, AxisColors, BarChartBuilder, CartesianChartBuilder, CartesianChartType, CartesianDataset, ChartBuilder, ChartWithFocus, Color, CommonAxes, CommonAxesSacels, CommonCartesian, CommonCartesianAxes, CommonCartesianTicks, CommonCartesianTitleConfig, CommonTicks, Constructor, CustomArcChartOptions, CustomBarChartOptions, CustomCartesianDataset, CustomChartOptions, CustomDoughnutChartOptions, CustomLineChartOptions, CustomOptionPlugins, CustomPieChartOptions, CustomZoomType, DataLabels, DataLabelsContext, DatasetWithPrevColors, DeepPartial, DeepPartialCartesianAxes, DeepPartialPluginOptions, DeepPartialZoomType, DoughnutChartBuilder, FocusCallback, HtmlLegendOptions, LineChartBuilder, Mode, OriginalColors, PartialDataLabels, PieChartBuilder, Position, RadarChartBuilder, RadialChartType, ScaleWithOriginalColors, SettingOptions, ZoomRangeSliderColors, ZoomRangeSliderPlugin, ZoomRangeSliderVar };
+export { ArcChartWrapper, BarChartWrapper, BubbleChartWrapper, CartesianChartWrapper, ChartFactory, ChartInstance, ChartToolBox, ChartTypes, ChartWrapper, CreateZoomRangeSlider, DoughnutChartWrapper, LineChartWrapper, T$, barScaleImgPlugin, blinkPlugin, changeSetting, chartMountPlugin, createDefaultBarOptions, createDefaultBubbleOptions, createDefaultLineOptions, customLegend, T$ as default, defaultBarScales, defaultBarTooltipCallback, defaultBubbleScales, defaultBubbleTooltipCallback, defaultLineScales, defaultLineTooltipCallback, doughnutCenterTextPlugin, loadingPlugin, makeCenterHtml, noDataPlugin, sparkBarOptions, sparkBubbleOptions, sparkLineOptions, zoomRangeSlider, zoomResetPlugin };
+export type { AllChartTypes, ArcChartBuilder, ArcChartType, AxisColors, BarChartBuilder, BubbleChartBuilder, CartesianChartBuilder, CartesianChartType, CartesianDataset, ChartBuilder, ChartWithFocus, Color, CommonAxes, CommonAxesSacels, CommonCartesian, CommonCartesianAxes, CommonCartesianTicks, CommonCartesianTitleConfig, CommonTicks, Constructor, CustomArcChartOptions, CustomBarChartOptions, CustomBubbleChartOptions, CustomCartesianDataset, CustomChartOptions, CustomDoughnutChartOptions, CustomLineChartOptions, CustomOptionPlugins, CustomPieChartOptions, CustomZoomType, DataLabels, DataLabelsContext, DatasetWithPrevColors, DeepPartial, DeepPartialCartesianAxes, DeepPartialPluginOptions, DeepPartialZoomType, DoughnutChartBuilder, FocusCallback, HtmlLegendOptions, LineChartBuilder, Mode, OriginalColors, PartialDataLabels, PieChartBuilder, Position, RadarChartBuilder, RadialChartType, ScaleWithOriginalColors, SettingOptions, ZoomRangeSliderColors, ZoomRangeSliderPlugin, ZoomRangeSliderVar };