Class ChartWrapper<TType, TOptions>Abstract

constructor

• new ChartWrapper<
      TType extends keyof ChartTypeRegistry,
      TOptions extends CustomChartOptions<TType> = CustomChartOptions<TType>,
  >(
      type: TType,
      labels: (string | number)[],
      _datasets: CustomChartDatasets<TType>[],
      options: TOptions,
      plugins?: any,
  ): ChartWrapper<TType, TOptions>

  Type Parameters

  • TType extends keyof ChartTypeRegistry
  • TOptions extends CustomChartOptions<TType> = CustomChartOptions<TType>

  Parameters

  • type: TType
  • labels: (string | number)[]
  • _datasets: CustomChartDatasets<TType>[]
  • options: TOptions
  • Optionalplugins: any

  Returns ChartWrapper<TType, TOptions>

Staticregistry

Abstractbuild

• build(id?: string): ChartConfig

  Parameters

  • Optionalid: string

  Returns ChartConfig

Staticcreate

• create<TType extends keyof ChartTypeRegistry>(
      type: TType,
      labels: (string | number)[],
      datasets: CustomChartDatasets<TType>[],
      options?: CustomChartOptions<TType>,
      plugins?: Plugin<keyof ChartTypeRegistry, AnyObject>,
  ): TType extends keyof ChartBuilderMap
      ? ChartBuilderMap[TType<TType>]
      : ChartBuilder<TType>

  Type Parameters

  • TType extends keyof ChartTypeRegistry

  Parameters

  • type: TType
  • labels: (string | number)[]
  • datasets: CustomChartDatasets<TType>[]
  • Optionaloptions: CustomChartOptions<TType>
  • Optionalplugins: Plugin<keyof ChartTypeRegistry, AnyObject>

  Returns TType extends keyof ChartBuilderMap
      ? ChartBuilderMap[TType<TType>]
      : ChartBuilder<TType>

Statichas

• has(type: keyof ChartTypeRegistry): boolean

  Parameters

  • type: keyof ChartTypeRegistry

  Returns boolean

Staticregister

• register<TType extends keyof ChartTypeRegistry, TInstance>(
      type: TType,
      wrapperClass: Constructor<TType, TInstance>,
  ): void

  Type Parameters

  • TType extends keyof ChartTypeRegistry
  • TInstance

  Parameters

  • type: TType
  • wrapperClass: Constructor<TType, TInstance>

  Returns void

makeConfig

• makeConfig(id?: string): ChartConfig

  Parameters

  • Optionalid: string

  Returns ChartConfig

  Description

  레거시 지원용 차트 설정 객체를 생성합니다.

  Since

  1.0.0

getChartData

• getChartData(uid: string): CustomChartDatasets<TType>
  Beta

  Parameters

  • uid: string

  Returns CustomChartDatasets<TType>

  Description

  특정 데이터셋을 식별자(UID 또는 라벨)로 조회합니다.

  Since

  1.0.0

  Example

  const dataset = chart.getChartData('dataset-uid-or-label');
  console.log(dataset);
  @beta
  Copy

setChartData

• setChartData(uid: string, newDataset: CustomChartDatasets<TType>): void
  Beta

  Parameters

  • uid: string
  • newDataset: CustomChartDatasets<TType>

  Returns void

  Description

  특정 데이터셋을 식별자(UID 또는 라벨)로 찾아 새로운 데이터셋으로 교체합니다.

  Since

  1.0.0

  Example

  chart.setChartData('dataset-uid-or-label', { label: 'New Dataset', data: [10, 20, 30] });
  @beta
  Copy

onResize

• onResize(
      callback: (
          chart: Chart<TType>,
          size: { height: number; width: number },
      ) => void,
  ): this
  Beta

  Parameters

  • callback: (chart: Chart<TType>, size: { height: number; width: number }) => void

  Returns this

  Description

  차트 리사이즈 이벤트 콜백 함수를 설정합니다.

  Since

  1.0.0

setLegend

• setLegend(legendOptions: DeepPartial<LegendOptions<TType>>): this

  Parameters

  • legendOptions: DeepPartial<LegendOptions<TType>>

  Returns this

  Description

  차트의 범례를 설정합니다.

  Since

  1.0.0

  Example

  chart.setLegend({
  position: 'bottom',
    align: 'center',
    labels: {
      boxWidth: 40,
      padding: 15,
      font: {
        size: 14,
        weight: 'bold'
      },
      color: '#333',
      usePointStyle: true
    }
    onClick: (e, legendItem, legend) => {
      console.log('Legend clicked:', legendItem);
    }
  });
  Copy

setTitle

• setTitle(titleOptions: DeepPartial<CommonCartesianTitleConfig>): this

  Parameters

  • titleOptions: DeepPartial<CommonCartesianTitleConfig>

  Returns this

  Description

  차트의 제목을 설정합니다.

  Since

  1.0.0

  Example

  chart.setTitle({
    text: '차트 제목',
    align: 'center'  // 'start' | 'center' | 'end'
  });
  Copy

hasPlugin

• hasPlugin(pluginId: string): boolean

  Parameters

  • pluginId: string

  Returns boolean

  Description

  플러그인이 존재하는지 확인합니다.

  Since

  1.0.0

removePlugin

• removePlugin(pluginId: string): this

  Parameters

  • pluginId: string

  Returns this

  Description

  플러그인을 제거합니다.

  Since

  1.0.0

setPlugin

• setPlugin(plugin: any, replaceIfExists?: boolean): this

  Parameters

  • plugin: any
  • replaceIfExists: boolean = true

  Returns this

  Description

  플러그인을 추가합니다.

  Since

  1.0.0