我如何从2个表中获取数据并显示为1个chartjs

Question

我有两个不同的表。

表1：食物（具有食物名称字段）

表2：food_details（具有食物的数量字段）

两者都通过食物的'id'连接。

我创建了一个chartjs图表，以图表方式显示食品的数量，因此现在该图表已连接到表2，并且正在显示带有id标签的我的数量。但是我的问题是，我想显示食物名称作为带有数量的标签，但是该字段在表1中，我不知道如何获取和显示食物的ID，即使可能也是如此。

这是我的代码

数据：

<?php 

header('Content-Type: application/json');

define('DB_HOST', 'localhost');
define('DB_USERNAME', 'root');
define('DB_PASSWORD', '');
define('DB_NAME', 'chartjs');

$mysqli = new mysqli(DB_HOST, DB_USERNAME, DB_PASSWORD, DB_NAME);

if(!$mysqli){
    die("Connection failed: " . $mysqli->error);
}

$query = sprintf("SELECT id, available_quantity FROM food_details ORDER BY id");

$result = $mysqli->query($query);

$data = array();
foreach ($result as $row) {
    $data[] = $row;
}

$result->close();

$mysqli->close();

print json_encode($data);

 ?>

图表脚本

<script type="text/javascript">

$(document).ready(function(){
    $.ajax({
        url: "http://localhost/chartjs/data.php",
        method: "GET",
        success: function(data) {
            console.log(data);
            var id = [];
            var available_quantity = [];

            for(var i in data) {
                id.push("id" + data[i].id);
                available_quantity.push(data[i].available_quantity);
            }

            var chartdata = {
                labels: id,
                datasets : [
                    {
                        label: 'Food Storage',
                        backgroundColor: 'rgba(200, 200, 200, 0.75)',
                        borderColor: 'rgba(200, 200, 200, 0.75)',
                        HoverBackgroundColor: 'rgba(200, 200, 200, 1)',
                        HoverBorderColor: 'rgba(200, 200, 200, 1)',
                        data: available_quantity
                    }
                ]
            };

            var ctx = $("#mycanvas");

            var barGraph = new Chart(ctx, {
                type: 'horizontalBar',
                data: chartdata
            });
        }, 
        error: function(data) {
            console.log(data);
        }
    });
});
</script> 

提前感谢

Answer 1

您似乎正在寻找join：

SELECT f.name, fd.available_quantity 
FROM food_details fd
INNER JOIN food f on f.id = fd.id
ORDER BY fd.id

此查询从name表中检索每个id的food，并将其放在第一列而不是id中。行仍按id排序-如果需要，可以将其更改为name。