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

Question

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

ReportController.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');
}