Higcharts和Laravel5集成

时间:2016-05-21 11:35:00

标签: javascript laravel

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

有人可以帮忙吗?

1 个答案:

答案 0 :(得分:2)

我使用这个插件:

PHP-Vars-To-Js-Transformer

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

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