대부분의 활동이있는 사용자를 주문하고 표시하는 작업을하고 있습니다. 서버에서받은 모든 데이터를 charts.js를 사용하여 그래프로 표시하고 싶습니다. 서버 데이터 즉, "clara, 4 개의 활동", "joe, 7 개의 활동". 기타...
도움이 되었기를 바랍니다
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({
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
]
}
}
여기 에 이것에 대한 멋진 튜토리얼 이 있습니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다