Chart.js 尝试使用dql结果chartjs创建圆环图

我看了一些教程并在网上搜索了一下，但不知道我遗漏了什么。我尝试了各种各样的可能性使它工作，但没有运气。非常感谢您的帮助，因为我是新手

$(document).ready(function () {
//  var ctx1 = $("#mycanvas");

 $.ajax({
  url:"http://localhost/multi000web/InspectionMenu.html",
    type: 'GET',
         dataType: 'json',
        success : function(data){

console.log(data);

            var Sitename =[];
            var CountOf =[];

            for (var i = 0; i < data.lenght ; i++){
                Sitename.push(data[i].Sitename);
                CountOf.push(data[i].CountOf);
            }

            var chartdata ={
                labels:Sitename,
                dataset: [
                   {
                   label: "Sitename",
               //    backgroundColor:["#F4A460","#2E8B57","#E0E0E0"],

                   data: [data]
                       }

                ]

            };

               //options
var options = {
    responsive: true,
    title: {
        display: true,
        position: "top",
        text: "Doughnu Chart",
        fontSize: 18,
        fontColor: "#111"
    },
    legend: {
        display: true,
        position: "bottom",
        labels: {
            fontColor: "#333",
            fontSize: 16
        }
    }
};
                        //get the doughnut chart canvas
var ctx1 = $("#mycanvas");
//create Chart class object
var chart1 = new Chart(ctx1, {
    type: "doughnut",
    data: chartdata ,
    options: options
});



        },
            error :function(data) {

            }
 });



 });

$（文档）.ready（函数（）{
//var ctx1=$（“我的画布”）；
$.ajax({
url:“http://localhost/multi000web/InspectionMenu.html",
键入：“GET”，
数据类型：“json”，
成功：功能（数据）{
控制台日志（数据）；
var Sitename=[]；
var CountOf=[]；
对于（变量i=0；i

假设您的响应json（格式）看起来有点像

您需要正确地生成和使用

标签

和

数据

数组，以使甜甜圈图表正常工作

下面是如何创建油炸圈饼图

$（文档）.ready（函数（）{
$.ajax({
url:“https://istack.000webhostapp.com/json/t3.json",
键入：“GET”，
数据类型：“json”，
成功：功能（数据）{
var Sitename=[]；
var CountOf=[]；
data.forEach（函数（e）{
Sitename.push（例如Sitename）；
推压计数（e.CountOf）；
})
var图表数据={
标签：Sitename，
数据集：[{
标签：“站点名称”，
数据：CountOf，
背景颜色：[“F4A460”和“2E8B57”]，
}]
};
//选择权
变量选项={
回答：是的，
标题：{
显示：对，
位置：“顶部”，
文字：“甜甜圈图”，
尺码：18，
fontColor:#111“
},
图例：{
显示：对，
位置：“底部”，
标签：{
fontColor:#333“，
字体大小：16
}
}
};
//获取油炸圈饼图表画布
var ctx1=$（“我的画布”）；
//创建图表类对象
var图表1=新图表（ctx1{
类型：“甜甜圈”，
数据：图表数据，
选项：选项
});
},
错误：函数（数据）{}
});
});

谢谢您的回答。我试过那个密码，但没有成功。json是您提到的方式，我仍然无法看到图表。@Ahsan它应该可以工作，正如您在给定代码段中看到的那样。使用答案中给出的
forEach
循环，而不是
for循环
。如果你有两个拼写错误，请仔细查找那些你是正确的。我想这可能是我的json遇到的方式。我会测试你一些东西，并会更新。谢谢你的帮助祝你好运
[{"Sitename": "Google", "CountOf": 75}, {"Sitename": "Facebook", "CountOf": 35}]