php - 如何从服务器获取 JSON 数据以使用 chart.js 构建图形
问题描述
我正在对大多数活动的用户进行排序和展示。从服务器收到,我想使用charts.js将所有数据显示为图表。服务器数据即“clara,4 个活动”,“joe,7 个活动”。ETC...
解决方案
希望这可以帮助
var ctx = document.getElementById("myChart").getContext('2d');
var data = [4, 7];
var labels = ["clara", "joe"]
var myChart = new Chart(ctx, {
type: 'line',
data: {
labels: labels,
datasets: [{
label: 'Activities',
data: data,
}]
},
});
使用 ajax
$.ajax({
url: "Your url",
success: function (result) {
var data = [];
var myChart = new Chart(ctx, {
type: 'line',
data: {
labels: result.labels,
datasets: [{
label: 'Activities',
data: result.data,
}]
},
});
}
});
您必须从后端传递这样的数据集,
{
"chartData": {
"labels": [
"clara",
"joe"
],
"data": [
4,
7
]
}
}
这里还有一个很好的教程。
推荐阅读
- sql - R data.table:相当于SQL查询
- tidb - 无法在 TiDB 中使用 `127.0.0.1` 连接到 PD 服务器
- twitter-bootstrap - 查看后如何折叠可切换选项卡中的选项卡窗格内容?
- json - 如何使用 sql 查询以行存储模式在 snappydata 表中加载 JSON 数据?
- python-2.7 - 从 html 页面运行 python 脚本
- java - 卡在使用正则表达式仅提取 JSON 的根元素
- javascript - 无法在 ejs 模板中调用函数
- vb.net - Windows 窗体应用程序设置为 MdiContainer,子窗体在加载时更改显示
- excel - Excel - 在单个公式中查找对应的值
- python - Python pcl 没有属性 from_array