laravel - (Laravel) 如何从 API 控制器中提取数据，以便在 vue-chartjs 中显示

Question

我如何$mortality从 API/ReportController.php 中提取数据，以便将其用作图表数据。

报告控制器.php

public function index()
{
    $mortality = Mortality::select('number_of_mortality')
                            ->where('cycle_id' = 1 )
                            ->get()
}

我阅读了https://vue-chartjs.org/guide/#chart-with-api-data但我不知道如何开始。您能用简单的方式向我解释一下，以便我理解吗？谢谢

Answer 1

public function index()
{
    $mortality = Mortality::where('cycle_id', 1)->pluck('number_of_mortality');

    return response()->json($mortality);

}

在 vue 中，https: //vue-chartjs.org/guide/#chart-with-api-data在您的视图中执行此链接中的必要操作并在此处设置到您的索引函数的路由并执行 console.log(userlist)就在调试调用下方。

 try {
        const { userlist } = await fetch('route to your index()')
        console.log(userlist) 
        this.chartData = userlist
        this.loaded = true
      } catch (e) {
        console.error(e)
      }

尝试整个示例https://appdividend.com/2018/02/23/laravel-vue-js-chartjs-tutorial-example/

Answer 2

你可以试试这个：

public function index()
{
    $builder = new Mortality;
    $mortality = $builder->where('cycle_id',1)
                        ->pluck('number_of_mortality');
}