У меня есть панель Recharts, которая работает хорошо, но когда я использую свои данные (через обещание), контекст отображает правильные значения, но на диаграмме странные столбцы не отображаются. Я изучаю React, поэтому не уверен, где проблема. Включенный код находится в событии componentDidMount.
Любая помощь высоко ценится. Большое спасибо
Код диаграммы
<div className="col">
<ResponsiveContainer>
<BarChart
data={this.state.chartData}
margin={{ top: 20, right: 0, left: 0, bottom: 5 }} >
<CartesianGrid strokeDasharray="0" />
<XAxis dataKey="name" />
<YAxis />
<Tooltip />
<Bar dataKey="total" stackId="a" fill="blue" />
</BarChart>
</ResponsiveContainer>
</div>
Хромированная консольная панель
Я - это просто var self = this
Снимок экрана с пустым графиком
Обратите внимание, что контекстное диалоговое окно соответствует ожидаемому (общее количество = 5)
