Example CustomizedCursor Component for Tooltip

The API documentation for Tooltip states that you can also pass a custom Component as the cursor prop. (http://recharts.org/en-US/api/Tooltip#cursor). Would you be able to provide an example of a cursor component that would work for this purpose?

[ckifer]

doing something like this works but throws an error about brushBottom cursor={<rect fill="red" stroke="red" />}

this works. customize anything from there with the props given. Props are: bottom, brushBottom, className: "recharts-tooltip-cursor", fill, height, left, payload, pointerEvents, right, stroke, top, width, x, y

const CustomCursor = props => {
    const { x, y, width, height, stroke } = props;
    return <Rectangle fill="red" stroke="red" x={x} y={y} width={width} height={height} />;
};

<Tooltip
   cursor={<CustomCursor />}
/>

[ckifer]

Hey @acomito, I haven’t been very active in recharts but from what I can tell the props have changed just a bit. There should be a points prop that has two sets of x and y values. From playing around I can’t quite get them to work as they used to but feel free to post back here if you find a solution. Not quite working example