Php 如何从2个表中获取数据并显示到1个图表中

我有两张不同的桌子

表1：食品（包含食品名称字段）

表2：食品详细信息（包含食品的数量字段）

两者都由食物的“id”连接

我已经创建了一个chartjs图表，以显示食品的数量图表，因此现在该图表连接到表2，并以id标签显示我的数量。但我的问题是，我想将食品的名称显示为带有数量的标签，但该字段位于表1中，我不知道如何提取和显示该字段，而不是食品的id，甚至不知道是否可能

这是我的密码

数据：

图表脚本

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

$（文档）.ready（函数（）{
$.ajax({
url:“http://localhost/chartjs/data.php",
方法：“获取”，
成功：功能（数据）{
控制台日志（数据）；
var id=[]；
var可用_数量=[]；
用于（数据中的var i）{
id.push（“id”+数据[i].id）；
可用数量.推送（数据[i].可用数量）；
}
var图表数据={
标签：id，
数据集：[
{
标签：“食品储存”，
背景颜色：“rgba（2002002000.75）”，
边框颜色：“rgba（2002002002000.75）”，
HoverBackgroundColor:'rgba（2002002002001）'，
HoverBorderColor:'rgba（2002002002001）'，
数据：可用数量
}
]
};
var ctx=$（“我的画布”）；
var条形图=新图表（ctx{
键入：“水平线”，
数据：图表数据
});
}, 
错误：函数（数据）{
控制台日志（数据）；
}
});
});

---

提前感谢

您似乎正在寻找一个

加入

：

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

此查询从

food

表中检索每个

id

的

name

，并将其放在第一列，而不是

id

。行仍然按

id

排序-如果需要，可以将其更改为

name

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