Morris.js TypeError：传递JSON时无法读取未定义的属性“ x”

Question

我知道已经解决了这个问题，但是我花了一段时间研究了这个问题，并且没有看到对该文件的任何更改，因此现在不应该显示该错误。

response.data的值为：

{
     "income": "784935",
     "expenses": 384932
}

这就是我构造图表设置的方式；

axios.get('/api/divisions/chart/data')
            .then(function (response) {
                console.log(response);
                Morris.Area({
                    element       : 'area_chart',
                    data          : response.data,
                    lineColors    : ['#bd2878', '#db579d'],
                    xkey          : 'monthDay',
                    ykeys         : ['total_jobs', 'total_load_damage'],
                    labels        : ['{{ __('divisions.view.total_jobs') }}', '{{ __('divisions.view.total_distance') }}'],
                    pointSize     : 0,
                    lineWidth     : 0,
                    resize        : true,
                    fillOpacity   : 0.8,
                    behaveLikeLine: true,
                    gridLineColor : '#e0e0e0',
                    hideHover     : 'auto'
                });
            })
            .catch(function (error) {
                $('#area-chart').hide();
                $('#hidden_chart_not_load').show();
                console.log(error);
            });

也许有些东西我只是看不到。任何帮助将不胜感激。谢谢