Javascript Higcharts和Laravel5集成

我正在使用Higcharts，并且我正确地收到了此信息

public function usuariosPorPerfil(){
    $user_info = \DB::table('users')
                 ->select('role_id', \DB::raw('count(*) as total'))
                 ->groupBy('role_id')
                 ->get();
    return response()->json(['userInfo' => $user_info ]);
}

这样我会收到一个数组，但是我如何将这个结果附加到下面的代码中呢

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'pie'
        },
        title: {
            text: 'Usuarios por pefil'
        },

        xAxis: {
            type: 'category',
            labels: {
                rotation: -45,
                style: {
                    fontSize: '13px',
                    fontFamily: 'Verdana, sans-serif'
                }
            }
        },
        yAxis: {
            min: 0,
            title: {
                text: 'Population (millions)'
            }
        },
        legend: {
            enabled: false
        },
        tooltip: {
            pointFormat: 'Population in 2008: <b>{point.y:.1f} millions</b>'
        },
        series: [{
            name: 'Usuarios por perfil',
            data: [
                ['Shanghai', 23.7],
                ['Shanghai', 23.7],
                ['Shanghai', 23.7]

            ],
            dataLabels: {
                enabled: true,
                rotation: -90,
                color: '#FFFFFF',
                align: 'right',
                format: '{point.y:.1f}', // one decimal
                y: 10, // 10 pixels down from the top
                style: {
                    fontSize: '13px',
                    fontFamily: 'Verdana, sans-serif'
                }
            }
        }]
    });
});

$（函数（）{
$（“#容器”）。高图({
图表：{
键入：“馅饼”
},
标题：{
文字：“Usuarios por pefil”
},
xAxis：{
类型：'类别'，
标签：{
轮调：-45，
风格：{
fontSize:'13px'，
fontFamily:“Verdana，无衬线”
}
}
},
亚克斯：{
分:0,，
标题：{
正文：“人口（百万）”
}
},
图例：{
已启用：false
},
工具提示：{
pointFormat:'2008年人口：{point.y:.1f}百万'
},
系列：[{
名称：'Usuarios por perfil'，
数据：[
[‘上海’，23.7]，
[‘上海’，23.7]，
[‘上海’，23.7]
],
数据标签：{
启用：对，
轮换：-90，
颜色：“#FFFFFF”，
对齐：“右”，
格式：'{point.y:.1f}'，//一位小数
y:10，//从顶部向下10像素
风格：{
fontSize:'13px'，
fontFamily:“Verdana，无衬线”
}
}
}]
});
});

有人能帮忙吗？

我使用这个插件：

您可以在控制器中执行以下操作：

public function index()
{
    JavaScript::put([
        'foo' => 'bar',
        'user' => User::first(),
        'age' => 29
    ]);

    return View::make('hello');
}

并在视图中检索javascript变量：

console.log(foo); // bar
console.log(user); // User Obj
console.log(age); // 29