(Laravel) Как извлечь данные из API-контроллера, чтобы они отображались в vue-chartjs

Question

Как я могу извлечь $mortality из API / ReportController.php, чтобы я мог использовать его в качестве chartdata.

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);

}

In vue, https://vue -chartjs.org / guide / # chart-with-api-data выполните необходимые действия, как показано в этой ссылке в вашем представлении, и установите маршрут к вашему индексуФункция здесь & do 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');
}