Я использую React Recharts для визуализации, однако у меня возникла проблема с отображением простой гистограммы с различным соответствующим содержимым объекта.
[
{
"month": "2017-07",
"commodities": [
{ "name": "wheat", "moves": 100, "avg_weight": 167 },
{ "name": "maize", "moves": 150, "avg_weight": 367 },
{ "name": "grains", "moves": 89, "avg_weight": 467 }
]
},
{
"month": "2017-08",
"commodities": [
{ "name": "mangoes", "moves": 140, "avg_weight": 167 },
{ "name": "grains", "moves": 190, "avg_weight": 47 }
]
},
{
"month": "2017-09",
"commodities": [
{ "name": "wheat", "moves": 130, "avg_weight": 267 },
{ "name": "tomatoes", "moves": 176, "avg_weight": 132 },
{ "name": "onions", "moves": 120, "avg_weight": 47 }
]
},
{
"month": "2018-10",
"commodities": [
{ "name": "oranges", "moves": 130, "avg_weight": 267 },
]
},
]
У меня есть этот образец json-объекта, я хотел бы, чтобы месяц, когда мои XAxis и товары перемещались, были моими YAxs. В идеале изображение ниже представляет, как я хочу отображать свои данные. Спасибо вам за вашу помощь,.