Php Laravel-从2个不同的表中获取数据，以谷歌饼图的形式显示_Php_Laravel_Charts_Google Visualization

Php Laravel-从2个不同的表中获取数据，以谷歌饼图的形式显示

php laravel charts google-visualization

Php Laravel-从2个不同的表中获取数据，以谷歌饼图的形式显示,php,laravel,charts,google-visualization,Php,Laravel,Charts,Google Visualization,我想显示一个饼图，根据it预订状态显示多少预订。但问题是我的预订表只包含预订状态id。当我试图获取数据时，它返回一个错误，即“饼图应该有字符串类型的第一列”。预订状态的名称位于另一个不同的表中。我对laravel框架非常陌生，所以有人能给我一些关于从两个不同表中获取数据的指导吗这是我的控制器 <?php namespace App\Http\Controllers; use Illuminate\Http\Request; use DB; class LaravelGoogleGr

我想显示一个饼图，根据it预订状态显示多少预订。但问题是我的预订表只包含预订状态id。当我试图获取数据时，它返回一个错误，即“饼图应该有字符串类型的第一列”。预订状态的名称位于另一个不同的表中。我对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>


用Laravel制作谷歌饼图
.盒子{
宽度：800px；
保证金：0自动；
}
var分析=
load（'current'，{'packages'：['corechart']}）；
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）
{
var data=google.visualization.arrayToDataTable（分析）；
变量选项={
标题：“预订状态”
};
var chart=new google.visualization.PieChart（document.getElementById（'pie_-chart'）；
图表绘制（数据、选项）；
}


预订报告

预订状态

您需要在查询中进行连接。大概是这样的：

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

我在statuses表中使用了名称“base\u booking\u status”。您需要更新它，以匹配select列以及联接的第一个和第三个参数中其他表的实际名称。您还需要更新要显示的列的名称，我在这里称之为“name”

查询生成器联接的完整文档可在

中找到，您好，谢谢：）我有一个问题，idk为什么，但我得到的预订id值是错误的。是因为count语句不存在吗？count（*）应该告诉您表中的记录数。我不希望结果中的所有行都是相同的。你是怎么使用预订id的？没关系，我已经解决了。I add->addSelect（DB:：raw（'count（*）as booking_id'））