从5个.csv文件创建条形图

时间:2016-06-06 18:36:58

标签: javascript php charts

我需要用5个.csv文件在javascript或php中创建一个条形图。我需要显示每个文件的总行数

例如,如果所有文件的行数分别为3,4,5,6,7,那么我想在垂直或水平条上显示这些行。

    $(document).ready(function() {

        $.getJSON("lastfile.php", function(result) {

            var data = {
                labels : result[0],
                datasets : [
                    {
                        label: "file",
                        fillColor: "rgba(25,150,35,0.5)",
                        strokeColor: "rgba(25,150,35,0.8)",
                        highlightFill: "rgba(25,150,35,0.75)",
                        highlightStroke: "rgba(25,150,35,1)",
                        data : result[1]
                    }
                ]
            };

            var ctx = document.getElementById('myChart').getContext('2d');
            var graph = new Chart(ctx).Bar(data, {
                    barValueSpacing : 15,
                    legendTemplate : "<ul class=\"<%=name.toLowerCase()%>-legend\"><% for (var i=0; i<datasets.length; i++){%><li><span style=\"background-color:<%=datasets[i].fillColor%>\"></span><%if(datasets[i].label){%><%=datasets[i].label%><%}%></li><%}%></ul>"
            });

            document.getElementById("bar-chart-legend").innerHTML = graph.generateLegend();
        });

    });

0 个答案:

没有答案