Function syncSliderUi

examples/million-points/main.ts:329–342

()

  };

  const syncSliderUi = (): void => {
    if (!coordinator) return;
    const hasZoom = !!coordinator.getZoomRange();
    if (!hasZoom) return;

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

  /**
   * Sizes canvas backing store with device pixel ratio for crispness on high-DPI displays.