javascript - 从 data.php 中获取数据并传输到 bargraph
问题描述
data.php 里面的数据是 JSON 格式
我的可视化 bargraph.html 所有大师都无法在该图表上看到任何日期
我的 app.js 从 data.php 获取数据并传输到条形图,但日期没有插入条形图 - 我做错了什么?
$(document).ready(function() {
$.ajax({
url: "http://localhost/chartjs/data.php",
method: "GET",
success: function(data) {
console.log(data);
var incubator = [];
var total = [];
var calender = [];
for (var i in data) {
incubator.push("incubator " + data[i].incubatorid);
calender.push("calender " + data[i].calender);
total.push(data[i].total);
}
var chartdata = {
labels: incubator,
datasets: [{
label: 'Total successfull egg hatch hahhaha ',
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: total
}]
};
var ctx = $("#mycanvas");
var barGraph = new Chart(ctx, {
type: 'bar',
data: chartdata
});
},
error: function(data) {
console.log(data);
}
});
});
解决方案
您想做一些库不允许的事情,图表类型bar只接受label
,xAxisID
并yAxisID
在其上打印值,其他属性仅用于设置图表样式。
您可以在此处查看此图表的更多详细信息:
推荐阅读
- python - 在python中删除列表中的相邻重复项
- r - start大于stop时如何生成序列
- c# - MediatR CQRS - 如何处理不存在的资源(asp.net core web api)
- excel - SUMIFS 中的变量
- r - Visnetwork 闪亮不起作用,-$ 运算符对原子向量无效
- hive - Hive 分区列文件夹已交换
- spotify - RestSharp - 请求 Spotify API
- tensorflow - 带有 TensorBoard 错误“InvalidArgumentError:您必须为占位符张量提供值”的 Keras
- postgresql - 如何将时间戳转换为数字
- google-apps-script - 如何在我的谷歌脚本中允许 CORS 请求?