折线图-ChartJS

时间:2018-12-15 07:50:10

标签: javascript chart.js linegraph

我正在使用ChartJS绘制折线图。我无法从数据库中的会员表中检索买卖双方的数量。

current output总是根据此查询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 :(得分:0)

我相信的问题是,“ 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]
};

如果您只有一个固定数字,则表示它是指第一个月。