Documentation / @finchart/react / useChartPlot

Function: useChartPlot()

useChartPlot(): Plot

Defined in: components/chart-context.ts:79

지금 컨테이너의 무대. 명령형 설정은 밖이 아니라 안에서 하는 창구다.

plotRef를 부모의 effect에서 읽는 것은 key 리마운트에서 깨진다 — StrictMode 이중 마운트에서 부모 effect는 버려지는 첫 인스턴스를 잡아 도구 설치·applyOptions가 허공에 간다. 컨테이너 안은 다르다: 자식은 api가 선 뒤에만 렌더되고 리마운트되면 같이 다시 마운트돼 항상 지금 무대를 본다.

function Setup() {
  const plot = useChartPlot();
  useEffect(() => {
    const tools = plot.mainPane.use(drawingTools({ plot }));
    return () => tools.dispose();
  }, [plot]);
  return null;
}

plotRef는 이벤트 핸들러(버튼의 fitDomains() 같은 것)에는 여전히 맞다 — 사용자가 누를 때는 무대가 이미 정착해 있다.

Returns

Plot