@tanstack/charts/dist/dom.js

<div align="center"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://tanstack.com/api/readme/charts.png?theme=dark" /> <source media="(prefers-color-scheme: light)" srcset="https://tanstack.com/

import { mountChartRenderer } from "./renderer.js";
import { createChartRuntime } from "./runtime.js";
import { createSvgChartRenderer } from "./svg-surface.js";
import { renderChartSvg } from "./svg.js";
function mountChart(container, initialOptions, runtime = createChartRuntime()) {
  let renderSvg = initialOptions.renderSvg ?? renderChartSvg;
  let renderer = createSvgChartRenderer(renderSvg);
  const rendererOptions = (options) => {
    const nextRenderSvg = options.renderSvg ?? renderChartSvg;
    if (nextRenderSvg !== renderSvg) {
      renderSvg = nextRenderSvg;
      renderer = createSvgChartRenderer(renderSvg);
    }
    const { renderSvg: _renderSvg, onRender, ...common } = options;
    return {
      ...common,
      renderer,
      onRender: onRender ? ({ container: hostContainer, scene, surface, interaction }) => {
        const svg = surface.defaultElement ?? surface.element;
        const SvgElement = container.ownerDocument.defaultView?.SVGSVGElement;
        if (!SvgElement || !(svg instanceof SvgElement)) {
          throw new TypeError("Expected the SVG chart surface.");
        }
        onRender({
          container: hostContainer,
          scene,
          surface,
          svg,
          interaction
        });
      } : void 0
    };
  };
  const host = mountChartRenderer(
    container,
    rendererOptions(initialOptions),
    runtime
  );
  return {
    interaction: host.interaction,
    update(options) {
      host.update(rendererOptions(options));
    },
    getScene: host.getScene,
    destroy: host.destroy
  };
}
export {
  mountChart
};