用于循环数据的Morris图表

时间:2017-03-03 06:53:38

标签: javascript morris.js

我的代码中有一张morris图表。我将数据输入图表如下。

$(document).ready(function(){
       $("#month_search").click(function(){
          var month_value = $("#month_value").val();

          $.ajax({
            url: '../../new/seller.php',
            type: 'POST',
            data: {flag: '4', month_value: month_value},
            success: function(data) {
                alert(data);
                var data_json = JSON.parse(data);
                  var total_chart = {};
                for(i = 0; i < data_json.RESULT.length; i++){
                    var total_all = parseInt(data_json.RESULT[i].total_cus) + parseInt(data_json.RESULT[i].new_cus);
                     total_chart=
                             [{
        category: data_json.RESULT[i].cat_name,
        value: total_all


    }] ;
}  

  var chart1= Morris.Bar({
    element: 'morris-bar-chart',
    data:total_chart,
    xkey: 'category',
    ykeys: ['value'],
    labels: ['total customers'],
    hideHover: 'auto',
    resize: true
       });
            },
        });


});  

});

但是在显示图表时,只显示最后一个类别。 (循环中有10个类别)。 如何在图表中显示所有这些类别。请帮忙。

0 个答案:

没有答案