Javascript 如何正确格式化morris js的数据

我使用morris js在我的应用程序中创建图表。我有一个后端的回复，如下所示

{ duration: '', income: 0, expense:0 },

results = [response.income_expense];

但是morris js需要数组，所以我尝试在下面这样的数组中赋值

{ duration: '', income: 0, expense:0 },

results = [response.income_expense];

当我在控制台上记录这个值时，赋值之后，我得到了低于输出的值

 console.log(results);
    ["{ duration: '', income: 0, expense:0 },"]
0: "{ duration: '', income: 0, expense:0 },"

但我希望输出如下所示

(4) [{…}, {…}, {…}, {…}]
0: {duration: "2021", income: 537000, expense: 337000}
1: {duration: "2020", income: 368500, expense: 568500}
2: {duration: "2019", income: 268500, expense: 168500}
3: {duration: "2018", income: 368500, expense: 568500}

请帮助我获得所需的输出

此外，我有这个功能在后端

public function dashboardData(Request $request)
    {
        try {
            $data = $this->widgets($request->type);
            $data['income_expense'] = $this->incomeExpense($request->type);

            return $data;
        } catch (\Exception $e) {
            LogActivity::errorLog($e->getMessage());
            return response()->json([
                'error' => trans('common.Something Went Wrong')
            ]);
        }
    }

这是我的特点

public function incomeExpense($type): string
    {
        $chart_data_yearly = '';
        $income_expense = $this->transactionRepo->incomeExpense($type);
//        dd($income_expense);

        foreach ($income_expense as $k => $row) {
            $income = $this->transactionRepo->incomeByDate($row->transaction_date, $type);
            $expense = $this->transactionRepo->expenseByDate($row->transaction_date, $type);

            $chart_data_yearly .= "{ duration: '" . $row->duration . "', income: " . $income . ", expense:" . $expense . " },";
        }

        return $chart_data_yearly;
    }

---

这就是我要做的，将所有行推送到一个数组中，然后返回一个JSONECODED字符串，现在如果你解析它，你不应该得到任何错误

try results=Json.parse（response.income\u expense），在backedn中，你可以返回response（）->Json（[[“duration”=>，“income”=>0，“expense”=>0]，…]）；如果json解析出现错误…我会编辑我的帖子并添加backedn代码…请检查并帮助我？？我可以如何帮助你？结果=响应。收入\费用；控制台日志（结果）；元素：“收入\费用”，数据：结果，//包含x值的数据记录属性的名称。xkey:“持续时间”响应看起来不错，但当我尝试在morris js数据中分配时。。。它没有画出图表