使用laravel 5.4中contoller的数据填充甜甜圈图

时间:2018-07-17 10:01:40

标签: mysql model-view-controller laravel-5.4 donut-chart

我正在通过morris.js甜甜圈图显示数据。这些数据通过控制器来自MySQL数据库。

我的管理仪表板应该显示数据库中的一些统计信息,而我正在使用dashboardController这样从mySQL数据库中获取数据

public function index()
{ //sql queries to get data 

   $types=['time_value'=>$time_value,'money_value'=>$money_value,'tariff_switch'=>$tariff_switch];

   $tickets =['today'=>$today,'yesterday'=>$yesterday,'lastweek'=>$lastweek,'lastmonth'=>$lastmonth,'lastyear'=>$lastyear,'all'=>$all];

  return view('layouts/dashboard/index', ['tickets' => $tickets , 'types'=> $types]);
}

我需要用$ types数组填充甜甜圈图数据,并且我使用的是现有模板,其中包含index.js文件。 在此文件中,甜甜圈功能就是这样

function initDonutChart() {
Morris.Donut({
    element: 'donut_chart',
    data: [{
        label: 'Today',
        value: 30
    }, {
        label: 'Firefox',
        value: 30
    }, {
        label: 'Safari',
        value: 18
    }, {
        label: 'Opera',
        value: 12
    },
    {
        label: 'Other',
        value: 3
    }],
    colors: ['rgb(233, 30, 99)', 'rgb(0, 188, 212)', 'rgb(255, 152, 0)', 'rgb(0, 150, 136)', 'rgb(96, 125, 139)'],
    formatter: function (y) {
        return y
    }
});

} 我不知道如何从index.blade.php调用index.js中的$ types数组 我已经在堆栈中搜索了很多类似这样的主题,但是考虑到我是laravel和mvc的新手,所以找不到适合我问题的最佳答案,因此您可以帮我用$ types数组填充这张甜甜圈图吗?

谢谢。

0 个答案:

没有答案