即使上下文选项显示正确，简单的图表仍不显示条形图

Question

我有一个“图表”栏，该栏效果很好，但是当我使用数据（通过Promise）时，上下文显示正确的值，但是图表不会奇怪地显示这些栏。我正在学习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>

Chrome控制台面板

self只是var self = this

空白图表的屏幕截图

请注意上下文对话框符合预期（显示总数= 5）