javascript - Highcharts 和 Laravel 集成

Question

我正在使用 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'
                }
            }
        }]
    });
});

有人能帮忙吗？

Answer 1

我使用这个插件:

PHP-Vars-To-Js-Transformer

你可以在你的 Controller 中做这样的事情:

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

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

并在您的 View 中检索您的 javascript 变量:

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