react-plot/lib/components/Series/FunctionSeries.js

Library of React components to render SVG 2D plots.

import { jsx as _jsx } from "react/jsx-runtime";
import { useMemo } from 'react';
import { usePlotContext } from '../../contexts/plotContext.js';
import { toNumber, useId } from '../../utils.js';
import { LineSeries } from './LineSeries.js';
export function FunctionSeries(props) {
    const { getY, xAxis = 'x', id: propId, ...otherProps } = props;
    const id = `~${useId(propId, 'series')}`;
    const { axisContext, plotWidth, plotHeight } = usePlotContext();
    const x = axisContext[xAxis];
    const step = 1;
    const data = useMemo(() => {
        const data = [];
        if (x) {
            const isHorizontal = x
                ? x.position === 'top' || x.position === 'bottom'
                : false;
            const end = isHorizontal ? plotWidth : plotHeight;
            const scale = x.scale;
            for (let i = 0; i <= end; i += step) {
                const x = toNumber(scale.invert(i));
                data.push({
                    x,
                    y: getY(x),
                });
            }
            return data;
        }
        return [{ x: 0, y: 0 }];
        // eslint-disable-next-line react-hooks/exhaustive-deps
    }, [x?.domain[0], x?.domain[1]]);
    return _jsx(LineSeries, { data: data, id: id, ...otherProps });
}
//# sourceMappingURL=FunctionSeries.js.map