Laravel Chart需要连接数据库

Question

我正在开发培训管理系统，以便它具有一个称为registerdetails的数据表，并且包含一个名为trainee_division的数据属性，因此该系统由几个部门组成，并且有受训者属于这些部门。 这是INOC，INFRA，Implementation，RAN的几个划分，所以我需要在y轴上使用划分名称在x轴上绘制条形图，以总计一个划分。

这是不完整的控制器

public function division_details()
{

  $chart = Charts::multi('bar', 'chartjs')

        ->title("Trainee Divisions")
        ->dimensions(0, 500) 
        ->template("material")
        ->dataset('Trainee', [5,20,100])
        ->labels(['OPERATIONAL', 'INOC', 'Three'])
        ->responsive(false)
        ->Width(0);

    return view('registeredusers.divisiondetails', ['chart' => $chart]);
}

这是该视图

`<div class="panel panel-default">
<div class="col-md-6 col-md-offset-3">

            <div class="panel-body">

            {!! $chart->render() !!}
        </div>
        </div>
        </div>`

这是相关的路线。

Route::get('DivisionDetails', 'UserRegisterController@division_details');

这些是um使用的软件包。

提供者为

`Maatwebsite\Excel\ExcelServiceProvider::class,'

别名为

'Excel' => Maatwebsite\\Excel\\Facades\\Excel::class,

谁能帮我解决这个问题。

Answer 1

下载

composer require consoletvs/charts:4.*

添加服务提供商和别名

将以下服务提供程序添加到以下位置的阵列中： config/app.php

ConsoleTVs\Charts\ChartsServiceProvider::class,

在下面的数组中添加以下别名： config/app.php

'Charts' => ConsoleTVs\Charts\Facades\Charts::class,

发布资产

php artisan vendor:publish --tag=charts_config

默认设置

config/charts.php中的文件包含一组设置，您可以在其中找到默认设置。

在控制器中

public function division_details()
    {
        $chart = Charts::multi('bar', 'material')
            ->title("My Cool Chart")
            ->dimensions(0, 500) 
            ->template("material")
            ->dataset('Trainee', [5,20,100])
            ->labels(['OPERATIONAL', 'INOC', 'Three']);

        return view('registeredusers.divisiondetails', ['chart' => $chart]);
    }

鉴于

将此行添加到里面

<head>
        {!! Charts::assets() !!}
</head>
<body>
    <center>
        {!! $chart->render() !!}
    </center>
</body>

希望这可以帮助

Laravel Chart需要连接数据库

问题描述

1 个解决方案

解决方案1
1 已采纳 2017-06-21 04:26:37

Laravel Chart需要连接数据库

问题描述

1 个解决方案

解决方案1 1 已采纳 2017-06-21 04:26:37

解决方案1
1 已采纳 2017-06-21 04:26:37