CustomizedDot для отдельной точки в Rechart for React - PullRequest
Новая
       14

CustomizedDot для отдельной точки в Rechart for React

0 голосов
/ 23 января 2019

в моем графике у меня есть линейная диаграмма со следующими атрибутами линии.Я хочу создать собственную точку на линии, которая появляется, только если targetYear и год на графике year совпадают. 

<Line 
name="Net Payment Male" 
type="monotone" 
dataKey="Maleval" 
stroke="#002e56" 
dot={<CustomizedDot 
targetYear={this.state.individualA.year} />}/>

В идеале я хотел бы сделать что-то подобное в<CustomizedDot /> Где я могу отобразить точку, только когда объекты year совпадают с targetYear

class CustomizedDot extends React.Component {
    render() {
        const { cx, cy } = this.props;

        if (this.props.payload.year = this.props.targetYear){
            return (
            <circle  cx={cx} cy={cy} r={4} stroke="black" strokeWidth={1} fill="red" />
            );
        };
    }
};

Это, конечно, не работает.Я не совсем уверен, как получить отдельные значения x, y для объекта в полезной нагрузке.

...