Axis Components: Add option to ignore nullish/empty object entries in data array

[vikas-nf]

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

Reproduction link

Steps to reproduce

Just Run the Fork, it will display the Chart

What is expected?

The Secondary X Axis should display the Data in Center

What is actually happening?

If we inject a blank object in starting or in end, it is causing the secondary axis to mis calculate the positioning of labels

Environment	Info
Recharts	v2.0.6
React	React17.01
System	Mac OS
Browser	Chrom

---

I have a wide chart window, and I want to inject a blank object in start and end so my chart looks better (believe me, it is working like a charm), but it is messed up for the two x axis charts. I am not sure why it is dividing it in three sections, it is kinda confusing, any help here?

[ckifer]

this makes sense and can be solved by simple data manipulation on your side.

Not an incorrect calculation, just a preference on how to treat empty or nullish values in the data array.

we should probably add a preference on how to treat empty objects/nulls/undefined in axis items. Some may want them, others may not.