Пользовательские Dot в Recharts - PullRequest
Новая
       19

Пользовательские Dot в Recharts

0 голосов
/ 21 апреля 2020

Я пытаюсь добавить пользовательскую точку для своего графика в React, используя recharts. Вот мой код: 

class CustomizedDot extends React.Component {
    render() {
        const { cx, cy } = this.props;
        const payload = this.props.payload;
        return (
            <svg cx={cx - 10} cy={cy - 10} height="20" width="20">
            <circle cx={cx - 10} cy={cy - 10} r={25} stroke="black" strokeWidth={3} fill="red" />
    <text textAnchor="middle" x={cx - 10} y={cy - 10}>{payload['name']}</text>
</svg>
        );
    }
  };

<Line type="monotone" dataKey="Rt"  activeDot="url(#colorUv)" dot={<CustomizedDot />}/>

Ничего не появляется, хотя. Любая помощь приветствуется!

...