stz-util Documentation - v1.5.2
    Preparing search index...

    Class ArcChartWrapper<TType>Abstract

    Type Parameters

    Hierarchy (View Summary)

    Implements

    Index

    Chart

    • Beta

      Parameters

      • Optionalid: string

      Returns ChartConfig

      차트 설정 객체를 생성합니다. 이 메소드는 차트의 구성 요소를 종합하여 Chart.js에서 사용할 수 있는 형식으로 반환합니다.

      1.0.0

    Dataset

    • Protected Beta

      Parameters

      • ds: any
      • idx: number

      Returns void

      데이터셋의 기본적인 옵션을 추가하거나 부여합니다. (Arc 차트용)

      1.0.1

    • Beta

      Parameters

      • borderColor: string | string[]

        경계선 색상

      Returns this

      모든 데이터셋의 경계선 색상을 설정합니다.

      1.0.0

    • Beta

      Parameters

      • borderWidth: number

        경계선 너비

      Returns this

      모든 데이터셋의 경계선 너비를 설정합니다.

      1.0.0

    • Beta

      Parameters

      • datasetIndex: number

        데이터셋 인덱스

      • borderColor: string | string[]

        경계선 색상

      Returns this

      데이터셋의 경계선 색상을 설정합니다.

      1.0.0

    • Beta

      Parameters

      • datasetIndex: number

        데이터셋 인덱스

      • borderWidth: number

        경계선 너비

      Returns this

      데이터셋의 경계선 너비를 설정합니다.

      1.0.0

    • Beta

      Parameters

      • images: string[]

        이미지 URL 배열 (URL, Base64, SVG, Emoji 등)

      • Optionalconfig: Partial<Omit<SegmentImageConfig, "images">>

        이미지 설정 옵션

      Returns this

      각 세그먼트에 이미지를 설정합니다.

      1.6.0

      // URL 방식
      chart.setSegmentImages([
      'https://example.com/icon1.png',
      'https://example.com/icon2.png'
      ]);

      // 크기 조절
      chart.setSegmentImages(
      ['image1.png', 'image2.png'],
      { width: 40, height: 40, backgroundColor: 'transparent' }
      );

    Options

    • Beta

      Parameters

      • circumference: number

        원주각 (도 단위, 360 = 완전한 원)

      Returns this

      도넛/파이 차트의 원주각을 설정합니다.

      1.0.0

    • Beta

      Parameters

      • cutout: string | number

        구멍 크기 (퍼센트 문자열 또는 픽셀 숫자)

      Returns this

      도넛 차트의 중앙 구멍 크기를 설정합니다.

      1.0.0

    • Beta

      Parameters

      • radius: string | number

        반지름 (퍼센트 문자열 또는 픽셀 숫자)

      Returns this

      차트의 반지름을 설정합니다.

      1.0.0

    • Beta

      Parameters

      • rotation: number

        시작 각도 (도 단위)

      Returns this

      도넛/파이 차트의 회전 각도를 설정합니다.

      1.0.0

    Other

    _chartId?: string
    labels: (string | number)[]
    plugins?: any
    type: TType
    registry: Map<string, Constructor<any, any>> = ...
    • get chartId(): string

      Returns string

    • set chartId(value: string): void

      Parameters

      • value: string

      Returns void

    • Parameters

      • config: any

      Returns any

    • Returns {
          _tooltips: WeakMap<WeakKey, any>;
          id: string;
          _handleGroupVisibility(chart: any, datasets: any[]): void;
          _handleLegendClick(
              e: any,
              legendItem: any,
              legend: any,
              toggleBehavior: string,
          ): void;
          _hideTooltip(chart: any): void;
          _hitTestLegend(chart: any, x: number, y: number): any;
          _setupLegendTooltip(chart: any): void;
          _showTooltip(
              chart: any,
              e: MouseEvent,
              tooltipContent: string | ((context: any) => string),
              legendItem: any,
          ): void;
          afterDestroy(chart: any): void;
          afterDraw(chart: any, args: any, options: any): void;
          afterInit(chart: any, args: any, options: any): void;
          beforeUpdate(chart: any, args: any, options: any): void;
      }[]

    • Returns boolean

    • Type Parameters

      • TType extends keyof ChartTypeRegistry

      Parameters

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

    • Parameters

      • type: keyof ChartTypeRegistry

      Returns boolean

    • Type Parameters

      • TType extends keyof ChartTypeRegistry
      • TInstance

      Parameters

      Returns void

    config

    • Parameters

      • Optionalid: string

      Returns ChartConfig

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

      1.0.0

    dataset

    • Beta

      Parameters

      Returns void

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

      1.0.0

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

    options

    • Beta

      Parameters

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

      Returns this

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

      1.0.0

    • Parameters

      Returns this

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

      1.0.0

      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);
      }
      });

    plugin

    • Parameters

      • pluginId: string

      Returns boolean

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

      1.0.0

    • Parameters

      • plugin: any
      • replaceIfExists: boolean = true

      Returns this

      플러그인을 추가합니다.

      1.0.0