Laravel - Получить данные из 2 разных таблиц для отображения в виде диаграммы google p ie - PullRequest
Новая
       109

Laravel - Получить данные из 2 разных таблиц для отображения в виде диаграммы google p ie

0 голосов
/ 13 июля 2020

Я хочу отобразить диаграмму ap ie, состоящую из количества бронирований на основе статуса бронирования. Но проблема в том, что моя таблица бронирования состоит только из идентификатора статуса бронирования. Когда я пытаюсь получить данные, он возвращает ошибку, когда «диаграмма P ie должна иметь первый столбец строки типа». Название статуса бронирования находится в другой таблице. Я новичок в структуре laravel, поэтому может ли кто-нибудь дать мне какое-либо руководство по получению данных из двух разных таблиц?

Здесь мой контроллер 

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use DB;

class LaravelGoogleGraph extends Controller
{


    function index()
    {
     $data = DB::table('booking')
       ->select(
        DB::raw('base_booking_status_id as status'),
        DB::raw('count(*) as booking_id'))
       ->groupBy('status')
       ->get();
     $array[] = ['Status', 'Total'];
     foreach($data as $key => $value)
     {
      $array[++$key] = [$value->status, $value->booking_id];
     }
     return view('google_pie_chart')->with('status', json_encode($array));
    }
}
?>

Здесь мой клинок 

<!DOCTYPE html>
<html>
 <head>
  <title>Make Google Pie Chart in Laravel</title>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
  <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
  <style type="text/css">
   .box{
    width:800px;
    margin:0 auto;
   }
  </style>
  <script type="text/javascript">
   var analytics = <?php echo $status; ?>

   google.charts.load('current', {'packages':['corechart']});

   google.charts.setOnLoadCallback(drawChart);

   function drawChart()
   {
    var data = google.visualization.arrayToDataTable(analytics);
    var options = {
     title : 'Booking Status'
    };
    var chart = new google.visualization.PieChart(document.getElementById('pie_chart'));
    chart.draw(data, options);
   }
  </script>
 </head>
 <body>
  <br />
  <div class="container">
   <h3 align="center">Booking Report</h3><br />
   
   <div class="panel panel-default">
    <div class="panel-heading">
     <h3 class="panel-title">Booking Status</h3>
    </div>
    <div class="panel-body" align="center">
     <div id="pie_chart" style="width:750px; height:450px;">

     </div>
    </div>
   </div>
   
  </div>
 </body>
</html>

1 Ответ

1 голос
/ 13 июля 2020

Вам нужно будет выполнить соединение в вашем запросе. Примерно так: 

$data = DB::table('booking')
   ->select([
      'booking.base_booking_status_id as status_id',
      'base_booking_status.name as status_name',
      'booking.id as booking_id',
    ])
    ->leftJoin('base_booking_status', 'booking.base_booking_status_id', '=', 'base_booking_status.id')
    ->groupBy('booking.status')
    ->get();

Я использовал имя base_booking_status для таблицы статусов. Вам нужно будет обновить это, чтобы оно соответствовало фактическому имени другой таблицы в выбранных столбцах, а также в первом и третьем параметрах соединения. Вам также нужно будет обновить имя столбца, который вы хотите отобразить, который я назвал здесь «имя».

Полную документацию по объединениям в построителе запросов можно найти по адресу https://laravel.com/docs/master/queries#joins

...