Как задать path на всю ширину и высоту svg?

Question

[Иван Шульга]

Как сделать правильно, чтобы path в svg был на всю длину и ширину svg (у svg width и height 100%), ибо у меня он адаптивен, а так же как грамотно перевернуть график

const Chart = (props) => {

    const [data, setData] = useState([86, 32, 86, 32, 10, 84, 38, 80, 2, 100])
    const svgRef = useRef()

    useEffect(() => {
        const svg = select(svgRef.current)
        const myLine = line()
            .x((value, index) => index)
            .y(value => value)
            .curve(curveCardinal)

        svg
            .selectAll('path')
            .data([data])
            .join('path')
            .attr('d', value => myLine(value))
            .attr('fill', 'none')
            .attr('stroke', 'lavender')
            .attr('stroke-width', '2px')
    }, [data])

    return (
        <div className={s.elem}>
            <svg ref={svgRef}></svg>
        </div>
    )
}

Comments

[Максим]

я вьюбокс не увидел - напишите его точно по размерам svg

[Иван Шульга]

Максим Ленский, Напиши в ответе, я помечу как верным

Answer 1

[Максим]

я вьюбокс не увидел - напишите его точно по размерам svg