Линейный график - ChartJS - PullRequest
Новая
       22

Линейный график - ChartJS

0 голосов
/ 15 декабря 2018

Я делаю линейный график с помощью ChartJS.Я не смог получить номер покупателя и продавца из таблицы участников в моей базе данных.

Текущий вывод всегда показывает итоговую строку в таблице элементов на основе этого запроса, SELECT memberID, username, memberType, COUNT(memberID) AS 'count' FROM member

Вот мои js: 

$(document).ready(function() {
$.ajax({
    url : "../api/data.php",
    type : "GET",
    success : function(data){
        console.log(data);

        var count = {
            B : [],
            S : []
        };

        var len = data.length;

        for (var i = 0; i < len; i++) {
            if (data[i].memberType == "B") {
                count.B.push(data[i].count);
            }
            else if (data[i].memberType == "S") {
                count.S.push(data[i].count);
            }
        }

        //get canvas
        var ctx = $("#line-chartcanvas");

        var data = {
            labels : ["JAN", "FEB", "MAR", "APR", "MAY", "JUN", "JULY", "AUG", "SEPT", "OCT", "NOV", "DEC"],
            datasets : [
                {
                    label : "Buyer",
                    data : count.B,
                    backgroundColor : "blue",
                    borderColor : "lightblue",
                    fill : false,
                    lineTension : 0,
                    pointRadius : 5
                },
                {
                    label : "Seller",
                    data : count.S,
                    backgroundColor : "red",
                    borderColor : "lightred",
                    fill : false,
                    lineTension : 0,
                    pointRadius : 5
                }
            ]
        };

        var options = {
            title : {
                display : true,
                position : "top",
                text : "Line Graph",
                fontSize : 18,
                fontColor : "#111"
            },
            legend : {
                display : true,
                position : "bottom"
            }
        };

        var chart = new Chart( ctx, {
            type : "line",
            data : data,
            options : options
        } );

    },
    error : function(data) {
        console.log(data);
    }
});

});

Как я могу дифференцировать и отображать количество покупателей и продавцов на основе выбранного года и месяца?Это то, что я хочу сделать.

1 Ответ

0 голосов
/ 15 декабря 2018

Проблема, которую я считаю, состоит в том, что переменная count.b должна быть массивом записей с течением времени.То есть что-то вроде этого: 

var count = {
    B: [1,2,3,4,5,6,7,8,9,10,11,12],
    S: [1,2,3,4,5,6,7,8,9,10,11,12]
};

Если у вас есть только фиксированный номер, он понимает, что он относится к первому месяцу.

...