javascript-如何获得 X d3 形状的 Y

安全老司机的分享 lv.1

发布时间：2022-07-15 17:48:27 242

相关标签： # 前端

我需要在 React NativeY中X使用。d3我试图获得价值，但我尝试的所有解决方案都不起作用

const data: [number, number, number][] = chartData.map((p: any) => [
        p.x,
        p.y,
        p.dollar,
    ])

    const domain = {
        x: [Math.min(...data.map(([x]) => x)), Math.max(...data.map(([x]) => x))],
        y: [
            Math.min(...data.map(([, y]) => y)),
            Math.max(...data.map(([, y]) => y)),
        ],
        dollar: [
            Math.min(...data.map(([, , dollar]) => dollar)),
            Math.max(...data.map(([, , dollar]) => dollar)),
        ],
    }

    const range = {
        x: [0, width],
        y: [height, 0],
        dollar: [height, 0],
    }

    const scale = (v: number, d: number[], r: number[]) => {
        'worklet'
        return interpolate(v, d, r, Extrapolate.CLAMP)
    }

    const scaleInvert = (y: number, d: number[], r: number[]) => {
        'worklet'
        return interpolate(y, r, d, Extrapolate.CLAMP)
    }

    const d = shape
        .line()
        .x(([x], i) => scale(x, domain.x, range.x))
        .y(([, y]) => scale(y, domain.y, range.y))
        // @ts-ignore
        .curve(shape.curveBasis)(data) as string

    const path = parsePath(d)

import { getYForX } from 'react-native-redash'但它不起作用。

特别声明：以上内容（图片及文字）均为互联网收集或者用户上传发布，本站仅提供信息存储服务！如有侵权或有涉及法律问题请联系我们。