JavaScript错误 - 未捕获的SyntaxError:意外的令牌{

时间:2017-03-29 13:46:13

标签: javascript laravel chart.js

我正在尝试在我的一个laravel应用程序中使用Chart JS。

我正在通过路线推送数据并使用json_encode($ gross)按天回显每个订单的总量,但我在控制台日志中收到以下错误:

未捕获的SyntaxError:意外的令牌{

它引用了我使用json_encode($ gross)的地方。任何人都有任何想法为什么会这样?

Here is the code coming through the controller:

public function index()
{   $wkRevenue = \App\Order::where('created_at', '>=' , \Carbon\Carbon::now()->startOfMonth())->get();
    // dd($wkRevenue->pluck('created_at','gross'));

    return view('admin.dashboard')
            ->with('created_at', $wkRevenue->pluck('created_at'))
            ->with('grosss', $wkRevenue->pluck('gross'));
}

Here is the code in the js file:

var data = {
    type:'line',
    labels:['Mon','Tues','Wed','Thurs','Fri','Sat','Sun'],
    datasets:[
    {
        data: {!! json_encode($gross) !!},
        backgroundColor:'rgba(137, 200, 85, 0.4)',
    }
]
}
var graph = document.getElementById('myNewChart').getContext('2d');
var myNewChart = new Chart(graph ,{
type: "line",
data: data,
options:{
    title:{
        display:true,
    }
}
}); 

1 个答案:

答案 0 :(得分:0)

您的控制器中有拼写错误:

->with('grosss', $wkRevenue->pluck('gross'));

需要:

->with('gross', $wkRevenue->pluck('gross'));

5.2中的Laravel changed the pluck() method返回集合而不是数组。

在您的观点中,将json_encode()更改为:

{!! $gross->toJson() !!}