Cartesian Grid Over Graph (Rendered last)

Do you want to request a feature or report a bug?

Feature

What is the current behavior?

The source order (for chart rendering) is hard-coded

What is the expected behavior?

A few options I can think of:

1. Respect the source order based on the order of the children but might enforce users to remember order unless there are sane (current) defaults in place
2. Have a flag that renders cartesian grid last. e.g. gridOnTop: false // default. However, this will mean only the grid itself is affected
3. Have a prop with an array of components’ displayNames as strings so we can map over them within the chart rendering function.
4. [Suggestions?] Any other way without losing functionality?

I have attempted [2] and have a ready pull request for your review. Feedback appreciated

Here is an example where the grid is rendered on top of the chart (based on the proposed changes in [2].

[flyingalex]

@jetpack3331 I tried and you can make it like this:

<AreaChart>
// more codes are in here
<CartesianGrid />   // put this at the end of AreaChart element
</AreaChart>

[Eric24]

+1 for option [1]