как получить JSON данных с сервера для построения графика с помощью диаграммы. js

Question

Я работаю над упорядочиванием и отображением пользователей с наибольшей активностью. полученные с сервера, я хочу отображать все данные в виде графика с использованием диаграмм. js. Данные сервера, то есть «Клара, 4 действия», «Джо, 7 действий». et c ...

Answer 1

Надеюсь, это поможет

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
        ]
    }
}

Также здесь это хороший Учебник об этом.