_chartId를 기준으로 대상 canvas를 찾아 차트 설정을 마운트합니다.
_chartId
차트 옵션이나 전역 설정에서 spinnerOverlay가 활성화되어 있으면, 이 helper는 먼저 DOM overlay를 만들고 브라우저 paint를 한 번 양보한 뒤 Chart.js 인스턴스를 생성합니다. 첫 렌더가 안정화되면 overlay를 제거합니다.
spinnerOverlay
즉 spinnerOverlay의 실제 런타임은 이 helper이며, build()만으로는 설정 객체만 만들어집니다.
build()
build(id)로 생성한 차트 설정 객체
build(id)
ready, destroy를 포함한 마운트 핸들
ready
destroy
const config = ChartWrapper .create('bar', labels, datasets) .setSpinnerOverlay({ enabled: true, text: '차트 준비 중...', }) .build('sales-chart');const mounted = mountChart(config);await mounted.ready; Copy
const config = ChartWrapper .create('bar', labels, datasets) .setSpinnerOverlay({ enabled: true, text: '차트 준비 중...', }) .build('sales-chart');const mounted = mountChart(config);await mounted.ready;
useEffect(() => { const mounted = mountChart(config); return () => mounted.destroy();}, [config]); Copy
useEffect(() => { const mounted = mountChart(config); return () => mounted.destroy();}, [config]);
_chartId를 기준으로 대상 canvas를 찾아 차트 설정을 마운트합니다.차트 옵션이나 전역 설정에서
spinnerOverlay가 활성화되어 있으면, 이 helper는 먼저 DOM overlay를 만들고 브라우저 paint를 한 번 양보한 뒤 Chart.js 인스턴스를 생성합니다. 첫 렌더가 안정화되면 overlay를 제거합니다.즉
spinnerOverlay의 실제 런타임은 이 helper이며,build()만으로는 설정 객체만 만들어집니다.