javascript - Chartjs 计算图表中的元素
问题描述
我正在尝试获取对象中元素的数量。但是,尽管我在记录数据时可以看到我的数据,但我的图表是空的。我应该如何将数据传递给数据集,还是应该先进行计数?
我的代码
var url = "{{url('myurl') }}";
var Clinics = new Array();
$(document).ready(function() {
$.get(url, function(response) {
console.log(response)
response.forEach(function(element) {
Clinics = element.clinic
});
var Labels = ["Paediatric", "Gynaecology Outpatient Clinic", "Physiotherapy Clinic", "Nutrition Clinic", "Dental Clinic", "Optical Clinic", "Well Baby Clinic", "Dermatology Clinic", "Surgical Outpatient Clinic", "Orthopaedic Clinic", "Medical Outpatient Physician", "Comprehensive Care Clinics", "Oncology", "Gastroenterology Clinic", ]
var ctx = document.getElementById("clinicChart").getContext('2d');
var myChart = new Chart(ctx, {
type: 'bar',
data: {
labels: Labels,
datasets: [{
fillColor: "#79D1CF",
strokeColor: "#79D1CF",
label: 'Patient Visits',
data: Clinics,
borderWidth: 1
}]
},
options: {
scales: {
yAxes: [{
ticks: {
beginAtZero:true
}
}]
}
}
})
})
})
解决方案
您正在覆盖您的Clinics
变量。
response.forEach((element) => {
Clinics.push(element.clinic);
});
推荐阅读
- matlab - MATLAB中的以2为底的矩阵对数
- excel - 用 html p 标签括住文本的行
- javascript - mysql查询时间问题?
- python - 如何从 json 打印字典?
- angular - mdb 角度数据表不适用于分页
- r - R / 二元运算符重载中的简单 OOP 系统
- javascript - 比较 2 个变量和 Javascript 中的 2 个变量
- assembly - 为什么这等同于 lbu?
- java - 在 Jboss 上从 STS(Spring Tool Suite)3 部署 WAR,返回 404
- javascript - Flask:为什么定义变量时ajax数据的内容会发生变化?