Question: Line Graph with Different data model

Is it possible to get an example with a nested set of data?

My data for example is formatted as follows: {reportData: [{ key: 2010, values: [{ reportMonth: 1, data: value }, { reportMonth: 2, data: value2 }...]},{ key: 2011, values: [{ reportMonth: 1, data: value }...]} ]

Where I want to display a LineChart with a line corresponding to each key. and the XAxis spanning the 12 months of the year. Been struggling to figure out how to pass the data / dataKey into the library.

I have also tried with my data formatted like: {reportData: [{reportMonth: 1, data: value1, reportYear: 2010}, {reportMonth: 2, data: value2, reportYear: 2010}..., {reportMonth: 1, data: value1, reportYear: 2011}...,]}

But was unable to get the graph to display as I desired…

[Eric24]

In our use of ReCharts, we have always “massaged” the data before passing it in. ReCharts has a simple, if not super-flexible, expectation of what it wants to see, but that isn’t much different than any other charting package we looked at. But we’ve always found that doing that extra step was fairly straightforward, since you can easily insert a “transform” function in between ReCharts and the underlying data.

[Eric24]

Yes, but it will require a custom label function that returns the value of labelx.