stz-chart-maker Documentation - v2.3.7
    Preparing search index...

    Interface SpinnerOverlayConfig

    mountChart 와 setChartConfig({ spinnerOverlay: ... }) 에서 사용하는 DOM 오버레이 설정입니다.

    이 기능은 Chart.js canvas plugin이 아닙니다. new Chart(...)가 실행되기 전에 차트 래퍼 DOM 위에 overlay를 만들고, 첫 번째 paint가 끝나면 overlay를 제거합니다.

    const config = ChartWrapper
      .create('bar', labels, datasets)
      .setSpinnerOverlay({
        enabled: true,
        text: '차트 준비 중...',
        minVisibleMs: 200,
        overlayStyle: {
          background: 'rgba(255,255,255,0.94)'
        },
      })
      .build('sales-chart');

    setChartConfig({
      spinnerOverlay: {
        enabled: true,
        text: '로딩 중...',
      },
    });

    chart.setSpinnerOverlay({
      enabled: true,
      text: '라인 경로 계산 중',
      spinner: () => {
        const spinner = document.createElement('div');
        spinner.innerHTML = '<svg width="42" height="42" viewBox="0 0 42 42"><circle cx="21" cy="21" r="18" fill="none" stroke="#bfdbfe" stroke-width="4" /><path d="M21 3 A18 18 0 0 1 39 21" fill="none" stroke="#2563eb" stroke-width="4" stroke-linecap="round" /></svg>';
        return spinner;
      }
    });
    interface SpinnerOverlayConfig {
        backgroundColor?: string;
        className?: string;
        delayMs?: number;
        enabled?: boolean;
        minVisibleMs?: number;
        overlayStyle?: SpinnerOverlayStyle;
        spinner?: SpinnerOverlaySpinnerContent;
        spinnerClassName?: string;
        spinnerColor?: string;
        spinnerStyle?: SpinnerOverlayStyle;
        spinnerTrackColor?: string;
        target?: "parent" | "canvas-parent";
        text?: string | false;
        textClassName?: string;
        textColor?: string;
        textStyle?: SpinnerOverlayStyle;
        zIndex?: number;
    }
    Index

    Properties

    backgroundColor? className? delayMs? enabled? minVisibleMs? overlayStyle? spinner? spinnerClassName? spinnerColor? spinnerStyle? spinnerTrackColor? target? text? textClassName? textColor? textStyle? zIndex?

    Properties

    backgroundColor?: string
    className?: string
    delayMs?: number
    enabled?: boolean
    minVisibleMs?: number
    overlayStyle?: SpinnerOverlayStyle
    spinner?: SpinnerOverlaySpinnerContent
    spinnerClassName?: string
    spinnerColor?: string
    spinnerStyle?: SpinnerOverlayStyle
    spinnerTrackColor?: string
    target?: "parent" | "canvas-parent"

    Optionaltext

    text?: string | false
    textClassName?: string
    textColor?: string
    textStyle?: SpinnerOverlayStyle
    zIndex?: number

    Settings

    Member Visibility

    On This Page

    Properties