Function syncDataZoomUi

src/ChartGPU.ts:735–754

()

  };

  const syncDataZoomUi = (): void => {
    const shouldHaveSlider = hasSliderDataZoom(currentOptions);
    if (!shouldHaveSlider) {
      disposeDataZoomUi();
      return;
    }

    // Slider requires a coordinator-backed zoom state.
    if (!coordinator) return;
    if (!coordinator.getZoomRange()) return;

    const host = ensureDataZoomSliderHost();
    if (!dataZoomSlider) {
      dataZoomSlider = createDataZoomSlider(host, createCoordinatorZoomStateLike(), {
        height: DATA_ZOOM_SLIDER_HEIGHT_CSS_PX,
        marginTop: 0, // host provides vertical spacing
      });
    }
    dataZoomSlider.update(resolvedOptions.theme);
  };

  const bindCoordinatorInteractionXChange = (): void => {
    unbindCoordinatorInteractionXChange();