How can i have different grid colour in CartesianGrid based on y axis and xaxis range value?

[AastickPhilips]

• I have searched the issues of this repository and believe that this is not a duplicate.

Reproduction link

https://0qbrh4.csb.app/

Steps to reproduce

How can i have different grid colour in CartesianGrid based on y axis and xaxis range value?

What is expected?

I wanted different grid color based on x axis and yaxis value

What is actually happening?

currently it's taking 1 colour

Environment	Info
Recharts	v2.1.6
React	17.0.2
System	Windows
Browser	Google Chrome 103.0.5060.114

[ckifer]

I don't think there is a current way to do this (especially based off of y and x values. you could play with the following props

 horizontalFill={['#555', '#222', '#777']}  verticalFill={['#cbe', '#bac', '#bbb']}

but that probably isn't what you want. Labeling a feature request. horizontal and vertical might be something to try as they take a renderer function, but I haven't attempted it.

[wmy94827]

+1