Function attachResizeObserver

examples/chart-sync/main.ts:62–74

(container: HTMLElement, chart: ChartGPUInstance)

  const disconnect = connectCharts([chartA, chartB]);

  const attachResizeObserver = (container: HTMLElement, chart: ChartGPUInstance): ResizeObserver => {
    let scheduled = false;
    const ro = new ResizeObserver(() => {
      if (scheduled) return;
      scheduled = true;
      requestAnimationFrame(() => {
        scheduled = false;
        chart.resize();
      });
    });
    ro.observe(container);
    return ro;
  };

  const roA = attachResizeObserver(containerA, chartA);
  const roB = attachResizeObserver(containerB, chartB);