Javascript 饼图不是'；不加载，但标签是

我正在使用Laravel中的Chart.js来显示数据

我正在学习教程，它适用于条形图。但现在我正在尝试一个饼图

这是我的控制器，它获取数据

public function chart()
      {
        $result = \DB::table('users')
                    ->where('userType','=','Landlord')
                    ->orderBy('created_at', 'ASC')
                    ->get();
        return response()->json($result);
      }

观点是这样的

<script>
        var url = "{{url('/users')}}";
        var Name = new Array();
        var Email = new Array();
        $(document).ready(function(){
          $.get(url, function(response){
            response.forEach(function(data){
                Name.push(data.name);
                Email.push(data.email);
            });
            var ctx = document.getElementById("canvas").getContext('2d');

              var myPieChart = new Chart(ctx,{
                type: 'pie',

                data : {
                  datasets: [{
                      data: [Name,Email]
                }],

                // These labels appear in the legend and in the tooltips when hovering different arcs
                labels:  [Name, Email]
            }
              });

            });
          });

        </script>

var url=“{url（'/users'）}}”；
var Name=新数组（）；
var Email=新数组（）；
$（文档）.ready（函数（）{
$.get（url、函数（响应）{
response.forEach（函数（数据）{
Name.push（data.Name）；
Email.push（data.Email）；
});
var ctx=document.getElementById（“画布”）.getContext（“2d”）；
var myPieChart=新图表（ctx{
键入“pie”，
数据：{
数据集：[{
数据：[姓名，电子邮件]
}],
//当悬停在不同的圆弧上时，这些标签将显示在图例和工具提示中
标签：[姓名，电子邮件]
}
});
});
});

这是输出

根据，饼图传递的预期数据仅为数字。下面是一个数据集示例，它应该可以工作：

data = {
    datasets: [{
        data: [10, 20, 30]
    }],

    // These labels appear in the legend and in the tooltips when hovering different arcs
    labels: [
        'Red',
        'Yellow',
        'Blue'
    ]
};

目前，您的Ajax请求正在从

/users

路由获取名称和电子邮件；您需要更新请求以从

/users

获取某种数字值，并将其添加到数据集中